@charset "UTF-8";
*, *:before, *:after { box-sizing: border-box; outline: none; word-wrap: break-word; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; width: 100%; height: auto; background: #fff; font-size: .16rem; color: #1A1311; line-height: 1; font-family: "SourceHanSans-Regular", system-ui, -apple-system, Microsoft YaHei, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s ease; transition: all .5s ease; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s ease; transition: all .5s ease; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }

.cover { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 24; }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.xs-display { display: none !important; }

/*fonts*/
@font-face { font-family: "Bahnschrift"; src: url("../fonts/Bahnschrift_0.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "chuang-light"; src: url("../fonts/chuang-light.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "chuang-medium"; src: url("../fonts/chuang-medium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: "chuang-bold"; src: url("../fonts/chuang-bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.cont1400 { width: 82.5%; margin: 0 auto; }

.xs-display { display: none !important; }

.right-navigate { position: fixed; bottom: 15%; z-index: 20; right: -100px; opacity: 0; transition: 0.68s cubic-bezier(0.075, 0.82, 0.165, 1); }

.right-navigate .navigate-li li { position: relative; margin-bottom: 16px; cursor: pointer; }

.right-navigate .navigate-li li i { display: block; position: relative; width: 16px; height: 16px; }

.right-navigate .navigate-li li i:before { background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; content: ""; width: 8px; height: 8px; box-sizing: border-box; background: #fff; border-radius: 50%; transition: 0.45s; }

.right-navigate .navigate-li li span { display: block; position: absolute; right: 100%; top: 0; padding-right: 5px; line-height: 16px; color: #fff; font-size: 14px; letter-spacing: 1px; white-space: nowrap; opacity: 0; visibility: hidden; transform: translateX(-20px); transition: 0.4s; }

.right-navigate .navigate-li li:hover i:before, .right-navigate .navigate-li li.active i:before { left: 0; margin-left: 0; top: 0; margin-top: 0; width: 100%; height: 100%; border: 2px solid #fff; background: transparent; }

.right-navigate .navigate-li li:hover span, .right-navigate .navigate-li li.active span { opacity: 1; visibility: visible; transform: translateX(0); }

.right-navigate.show { opacity: 1; right: 20px; }

.right-navigate.colors .navigate-li li i:before { background: #333; }

.right-navigate.colors .navigate-li li span { color: #333; }

.right-navigate.colors .navigate-li li:hover i:before, .right-navigate.colors .navigate-li li.active i:before { border-color: #333; background: transparent; }

@keyframes view-more { 0% { transform: rotate(45deg); }
  100% { transform: rotate(405deg); } }

.swiper-button-lock { display: block; }

.btn-play { width: 0.66rem; height: 0.66rem; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.btn-play .icon { width: 0.22rem; fill: #1f65be; font-weight: bold; }

.btn-play:after { content: ''; display: block; width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #1f65be; position: absolute; left: 50%; top: 0; margin-left: -0.05rem; margin-top: -0.05rem; transform: rotate(45deg); transform-origin: 0.05rem 0.38rem; animation: view-more linear 3s infinite; }

.Yuplus { height: 100vh; overflow: hidden; }

.Yuplus .container { height: 100%; }

.Yuplus .header { width: 100%; padding: 0.25rem 0.4rem 0.3rem; display: flex; position: fixed; left: 0; top: 0; z-index: 10; }

.Yuplus .header:before { content: ""; width: 100%; height: 125%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.52) 0%, transparent 100%); position: absolute; left: 0; top: 0; z-index: -1; }

.Yuplus .header:after { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.16); position: absolute; left: 0; bottom: 0; }

.Yuplus .header .logo { width: 1.85rem; }

.Yuplus .home-swiper { position: relative; height: 100vh; font-family: "chuang-medium" !important; }

.Yuplus .home-swiper .home-slide { overflow: hidden; }

.Yuplus .home-swiper .home-slide > div { position: relative; width: 100%; height: 100vh; overflow: hidden; }

.Yuplus .home-swiper .home-slide .cont1400 { padding-top: 7%; }

.Yuplus .home-swiper .home-slide .title-box { text-align: center; }

.Yuplus .home-swiper .home-slide .title-box h2 { font-size: 0.46rem; color: #fff; font-family: "chuang-bold"; margin-bottom: 1.04167vw; display: flex; justify-content: center; }

.Yuplus .home-swiper .home-slide .title-box h2 span { line-height: 0.7; }

.Yuplus .home-swiper .home-slide .title-box p { width: 60%; font-size: 0.16rem; color: #fff; line-height: 1.75; margin: 0.15rem auto 0; }

.Yuplus .home-swiper .home-slide .banner img { width: 100%; height: 100%; object-fit: cover; }

.Yuplus .home-swiper .home-slide .banner .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-top: 0; }

.Yuplus .home-swiper .home-slide .banner .text img { margin: 0 auto; max-width: 980px; }

.Yuplus .home-swiper .home-slide .banner .text h1 { font-size: 0.56rem; color: #fff; font-family: "chuang-bold"; line-height: 1.5; display: flex; }

.Yuplus .home-swiper .home-slide .banner .text h1 span { line-height: 1.1; }

.Yuplus .home-swiper .home-slide .banner .text p { font-size: 0.18rem; color: #fff; line-height: 1.5; margin-top: 0.18rem; }

.Yuplus .home-swiper .home-slide .section { background: url(../images/section-bg.jpg) no-repeat bottom/cover; }

.Yuplus .home-swiper .home-slide .section1 .down { width: 0.4rem; margin: 0.4rem auto; display: block; }

.Yuplus .home-swiper .home-slide .section1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0.6rem; }

.Yuplus .home-swiper .home-slide .section1 ul li { width: 15.46875vw; height: 2.58rem; background: url(../images/section1-li-bg.webp) no-repeat center/100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Yuplus .home-swiper .home-slide .section1 ul li img { width: 3.33333vw; margin: 0 auto 0.2rem; display: block; }

.Yuplus .home-swiper .home-slide .section1 ul li h3 { font-size: 0.26rem; color: #fff; }

.Yuplus .home-swiper .home-slide .section1 .video { height: 4.5rem; position: relative; margin-top: 0.3rem; border-radius: 0.24rem; overflow: hidden; cursor: pointer; display: block; }

.Yuplus .home-swiper .home-slide .section1 .video img { width: 100%; object-fit: cover; transition: all .5s ease; }

.Yuplus .home-swiper .home-slide .section1 .video .play { width: 0.55rem; fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Yuplus .home-swiper .home-slide .section1 .video:hover img { transform: scale(1.05); }

.Yuplus .home-swiper .home-slide .section3 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 0.7rem; }

.Yuplus .home-swiper .home-slide .section3 ul li { width: 48.6%; height: 3.57rem; padding: 0.25rem 0.7rem; border-radius: 0.2rem; }

.Yuplus .home-swiper .home-slide .section3 ul li h3 { font-size: 0.26rem; font-family: "chuang-bold"; color: #fff; text-align: center; }

.Yuplus .home-swiper .home-slide .section3 ul li dl { display: flex; justify-content: space-between; margin-top: 0.75rem; }

.Yuplus .home-swiper .home-slide .section3 ul li dl dd { width: 1.2rem; }

.Yuplus .home-swiper .home-slide .section3 ul li dl dd img { width: 1.02rem; margin: 0 auto 0.2rem; display: block; }

.Yuplus .home-swiper .home-slide .section3 ul li dl dd h4 { font-size: 0.2rem; color: #fff; text-align: center; line-height: 1.4; }

.Yuplus .home-swiper .home-slide .section3 ul li:nth-child(1) { background: url(../images/section3-li1.webp) no-repeat center/cover; }

.Yuplus .home-swiper .home-slide .section3 ul li:nth-child(2) { background: url(../images/section3-li2.webp) no-repeat center/cover; }

.Yuplus .home-swiper .home-slide .section4 .tabs { margin-top: 0.3rem; overflow: hidden; }

.Yuplus .home-swiper .home-slide .section4 .tabs .swiper-wrapper { justify-content: center; }

.Yuplus .home-swiper .home-slide .section4 .tabs .item { width: auto; font-size: 0.22rem; color: #fff; font-family: "chuang-bold"; cursor: pointer; margin: 0 0.5rem !important; }

.Yuplus .home-swiper .home-slide .section4 .slide { position: relative; margin-top: 0.1rem; overflow: hidden; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide { height: 4rem; padding: 0.5rem 0 0.5rem 0.4rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .st { font-size: 0.16rem; color: #fff; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .st span { font-size: 0.24rem; font-family: "chuang-bold"; margin-right: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .st span b { margin-right: 0.15rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .arrow { width: 0.19rem; margin-right: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .text h3 { font-size: 0.28rem; color: #fff; font-family: "chuang-bold"; line-height: 1.5; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .text h3 span { color: #36D8F0; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .con { display: flex; align-items: center; margin-top: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .con ul { display: flex; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .con ul li { display: block; text-align: center; position: relative; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 { background: url(../images/section4-box1.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li { width: 11.927vw; height: 2.51rem; padding: 0.45rem 0.15rem; margin-right: 0.4rem; background: url(../images/section4-box1-li.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li img { width: 0.64rem; margin: 0 auto 0.2rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li h3 { font-size: 0.2rem; color: #fff; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li p { font-size: 0.16rem; color: #fff; margin-top: 0.12rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 { background: url(../images/section4-box2.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li { margin-right: 0.34rem; border-radius: 0.1rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li h3 { font-size: 0.2rem; font-family: "chuang-bold"; color: #fff; text-align: center; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li dl { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0.1rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li dl dd { color: #fff; margin-top: 0.25rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li dl dd h4 { font-size: 0.16rem; position: relative; padding-bottom: 0.15rem; margin-bottom: 0.1rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li dl dd h4:after { content: ""; width: 100%; height: 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%); position: absolute; left: 0; bottom: 0; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li dl dd h4 span { font-size: 0.28rem; font-family: "chuang-bold"; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(1) { width: 20.3125vw; height: 2.74rem; padding: 0.15rem 0.3rem; background: url(../images/section4-box2-li1.png) no-repeat center/cover; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(1) dl dd { width: 48%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) { width: 35.41667vw; height: 2.74rem; padding: 0.15rem 0.3rem; background: url(../images/section4-box2-li2.png) no-repeat center/cover; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) h5 { font-size: 0.14rem; color: #fff; margin-top: 0.4rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) h5:last-child { margin-top: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) dl { margin-top: 0; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) dl dd p { font-size: 0.12rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li:nth-child(2) dl dd p span { font-size: 0.16rem; font-family: "chuang-bold"; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 { background: url(../images/section4-box3.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li { width: 5.83333vw; height: 2.51rem; padding: 0.45rem 0.15rem; margin-right: 0.4rem; background: url(../images/section4-box3-li.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li:after { content: ""; width: 0.1rem; height: 0.28rem; background: url(../images/icon-arrow1.webp) no-repeat center/100%; position: absolute; top: calc(50% - .14rem); right: -0.25rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li img { width: 0.64rem; margin: 0 auto 0.15rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li h3 { font-size: 0.2rem; color: #fff; text-align: center; line-height: 1.5; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li:last-child { margin-right: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li:last-child:after { display: none; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 { background: url(../images/section4-box4.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con { padding-right: 1.4rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li { width: 12.86458vw; height: 2.51rem; color: #fff; padding: 2.60417vw 1.5625vw; margin-right: 0.6rem; background: url(../images/section4-box4-li1.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li h3 { font-size: 0.32rem; margin-bottom: 0.1rem; font-family: "chuang-bold"; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li h4 { font-size: 0.18rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li p { font-size: 0.16rem; line-height: 1.5; margin-top: 0.4rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li:nth-child(2) { width: 15.57292vw; background: url(../images/section4-box4-li2.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 { background: url(../images/section4-box5.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 .con { margin-top: 0; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 .con .img { width: 53.48958vw; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 { background: url(../images/section4-box6.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li { width: 2.47rem; height: 2.51rem; color: #fff; padding: 0.45rem 0.3rem; margin-right: 0.36rem; background: url(../images/section4-box6-li.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li img { width: 0.4rem; margin: 0 auto 0.1rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li h3 { font-size: 0.2rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li p { font-size: 0.16rem; line-height: 1.5; margin-top: 0.4rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 { background: url(../images/section4-box7.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li { text-align: left; width: 4.06rem; height: 2.64rem; color: #fff; padding: 0.3rem 0.48rem; margin-right: 1rem; background: url(../images/section4-box7-li.webp) no-repeat center/100%; position: relative; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li:after { content: ""; width: 0.19rem; height: 0.53rem; background: url(../images/icon-arrow.webp) no-repeat center/100%; position: absolute; right: -0.6rem; top: 45%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li h3 { font-size: 0.2rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li dl { margin-top: 0.6rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li dl dd { font-size: 0.2rem; margin-top: 0.1rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li:nth-child(2) { padding: 0.2rem 0.3rem; margin-right: 0.4rem; background: url(../images/section4-box7-li2.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li:nth-child(2):after { display: none; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con ul li:nth-child(2) img { width: 100%; margin-top: 0.15rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .arrow { margin-right: 0.6rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .text img { width: 1.23rem; margin-bottom: 0.3rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 { background: url(../images/section4-box8.png) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li { width: 2.47rem; height: 2.51rem; color: #fff; padding: 0.3rem 0.2rem; margin-right: 0.36rem; background: url(../images/section4-box8-li.webp) no-repeat center/100%; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li img { width: 0.4rem; margin: 0 auto 0.15rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li h3 { font-size: 0.2rem; }

.Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li p { font-size: 0.16rem; margin-top: 0.45rem; line-height: 1.7; }

.Yuplus .home-swiper .home-slide .section5 .slide { margin-top: 0.4rem; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-wrapper { display: flex; justify-content: center; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide { width: 16.66667vw; height: 4.5rem; position: relative; overflow: hidden; border-radius: 0.16rem; overflow: hidden; transition: all .5s ease; margin: 0 0.15rem; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text { width: 36.45833vw; padding: 0.33rem 0.38rem; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 0; transform: translateY(0.3rem); transition: all .5s ease; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text:before { content: ""; width: 100%; height: 100%; background: linear-gradient(179.8deg, rgba(0, 36, 98, 0) 0%, rgba(0, 44, 136, 0.88) 100%); position: absolute; left: 0; bottom: 0; z-index: -1; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text:after { content: ""; width: 3.07rem; height: 1.09rem; background: url(../images/section5-text.webp) no-repeat center/100%; position: absolute; right: 0; bottom: 0; z-index: -1; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text h3 { font-size: 0.22rem; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text p { font-size: 0.16rem; margin-top: 0.15rem; opacity: 0; transition: all .5s ease; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide.active { width: 36.45833vw; }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide.active .text { transform: translateY(0); background: linear-gradient(320.94deg, #0a8bfb 0%, #0748aa 100%); }

.Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide.active .text p { opacity: 1; }

.Yuplus .home-swiper .home-slide .section6 { background: #F5F6FB; }

.Yuplus .home-swiper .home-slide .section6 .title-box { text-align: left; }

.Yuplus .home-swiper .home-slide .section6 .title-box h2 { color: #000; }

.Yuplus .home-swiper .home-slide .section6 .slide { overflow: hidden; margin-top: 0.8rem; position: relative; }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .img { overflow: hidden; border-radius: 0.1rem; }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .img img { width: 100%; transition: all .5s ease; aspect-ratio: 16/9; object-fit: cover; }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .text { margin-top: 0.35rem; }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .text h3 { font-size: 0.18rem; line-height: 1.1; color: #000; font-family: "chuang-bold"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide:hover .text h3 { color: #004ABA; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool { height: 0.2rem; position: relative; margin-top: 0.8rem; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev { width: 0.2rem; height: 0.2rem; top: 0; margin: 0; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next.swiper-button-prev, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev.swiper-button-prev { left: 0; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next.swiper-button-next, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev.swiper-button-next { left: 0.35rem; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next:after, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev:after { font-size: 0.2rem; color: #004ABA; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .line { width: 1px; height: 70%; position: absolute; left: 0.23rem; top: 0; bottom: 0; margin: auto; z-index: 1; background: #004ABA; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-scrollbar { width: calc(100% - .7rem); height: 0.02rem; position: absolute; left: auto; top: 0.09rem; z-index: 50; right: 0; }

.Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-scrollbar .swiper-scrollbar-drag { background: #004ABA !important; }

.Yuplus .home-swiper .home-slide .section7 { background: url(../images/section7-bg.jpg) no-repeat center/cover; }

.Yuplus .home-swiper .home-slide .section7 .title-box h2, .Yuplus .home-swiper .home-slide .section7 .title-box p { color: #000; }

.Yuplus .home-swiper .home-slide .section7 .title-box p { width: 100%; }

.Yuplus .home-swiper .home-slide .section7 .box { margin-top: 0.3rem; display: flex; box-shadow: 0 3px 6px rgba(143, 146, 148, 0.09); border-radius: 0.16rem; overflow: hidden; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs { width: 30%; display: flex; flex-direction: column; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item { height: 25%; padding: 0.3rem 0.9rem 0.5rem 0.5rem; background: #fff; position: relative; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item .icon { width: 0.5rem; fill: #fff; display: none; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item .jia { width: 0.26rem; position: absolute; top: 0.6rem; right: 0.5rem; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item h2 { display: none; font-size: 0.56rem; color: rgba(255, 255, 255, 0.7); position: absolute; right: 0.4rem; top: 0.3rem; font-family: "Bahnschrift"; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item h3 { font-size: 0.2rem; font-family: "chuang-bold"; color: #3A3939; line-height: 0.3rem; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item p { font-size: 0.16rem; line-height: 0.3rem; color: #fff; display: none; position: relative; z-index: 1; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active { height: 75%; padding-right: 0.5rem; background: linear-gradient(127.2deg, #1184e9 0%, #235cb1 100%); }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active h3 { color: #fff; margin: 0.3rem 0 0.2rem; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active .icon, .Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active h2, .Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active p { display: block; }

.Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active .jia { display: none; }

.Yuplus .home-swiper .home-slide .section7 .box .slide { width: 70%; overflow: hidden; }

.Yuplus .home-swiper .home-slide .section7 .box .slide .img { position: relative; }

.Yuplus .home-swiper .home-slide .section7 .box .slide .img img { width: 100%; height: 100%; }

.Yuplus .home-swiper .home-slide .footer { background: #333; text-align: center; font-size: 0.14rem; color: #fff; padding: 0.3rem 0; }

.Yuplus .home-swiper .home-slide:last-child { height: auto; overflow: visible; position: relative; z-index: 1; }

.Yuplus .home-swiper .home-slide:last-child > div { height: auto; }

@media all and (max-width: 1600px) { .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con ul li { border: 1px solid rgba(58, 214, 242, 0.7); }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide { height: 4rem; } }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .right-navigate { display: none !important; }
  .btn-play .icon { width: 0.3rem; }
  .Yuplus .header { width: 100%; padding: 0.3rem; }
  .Yuplus .header .logo { width: 2.2rem; }
  .Yuplus .home-swiper .home-slide .cont1400 { width: 100%; padding: 8vh 0.3rem 0; }
  .Yuplus .home-swiper .home-slide .title-box h2 { line-height: 1.5; margin-bottom: 0.1rem; }
  .Yuplus .home-swiper .home-slide .title-box h2 span { line-height: 1; }
  .Yuplus .home-swiper .home-slide .title-box p { width: 100%; font-size: 0.28rem; line-height: 1.7; margin-top: 0; }
  .Yuplus .home-swiper .home-slide .banner img { width: 100%; height: 100%; object-fit: cover; }
  .Yuplus .home-swiper .home-slide .banner .text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); padding-top: 0; text-align: center; }
  .Yuplus .home-swiper .home-slide .banner .text img { margin: 0 auto; max-width: 980px; }
  .Yuplus .home-swiper .home-slide .banner .text h1 { font-size: 0.48rem; justify-content: center; }
  .Yuplus .home-swiper .home-slide .banner .text p { font-size: 0.28rem; margin-top: 0.16rem; }
  .Yuplus .home-swiper .home-slide .section { background: url(../images/section-bg-xs.jpg) no-repeat bottom/cover; }
  .Yuplus .home-swiper .home-slide .section1 .down { width: 0.4rem; margin: 0.4rem auto; display: block; }
  .Yuplus .home-swiper .home-slide .section1 ul { padding: 0; }
  .Yuplus .home-swiper .home-slide .section1 ul li { width: 2.15rem; height: 1.87rem; }
  .Yuplus .home-swiper .home-slide .section1 ul li img { width: 0.55rem; margin: 0 auto 0.1rem; }
  .Yuplus .home-swiper .home-slide .section1 .video { height: 3.72rem; }
  .Yuplus .home-swiper .home-slide .section1 .video img { height: 100%; }
  .Yuplus .home-swiper .home-slide .section1 .video .play { width: 0.6rem; }
  .Yuplus .home-swiper .home-slide .section3 ul { margin-top: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section3 ul li { width: 100%; height: 3.79rem; padding: 0.25rem 0.5rem; margin-top: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section3 ul li h3 { font-size: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section3 ul li dl { margin-top: 0.8rem; }
  .Yuplus .home-swiper .home-slide .section3 ul li dl dd { width: 28%; }
  .Yuplus .home-swiper .home-slide .section3 ul li dl dd img { width: 1.2rem; }
  .Yuplus .home-swiper .home-slide .section3 ul li dl dd h4 { font-size: 0.24rem; line-height: 1.6; }
  .Yuplus .home-swiper .home-slide .section3 ul li:nth-child(1) { background: url(../images/section3-li1-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section3 ul li:nth-child(2) { background: url(../images/section3-li2-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .tabs { margin-top: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .tabs .swiper-wrapper { justify-content: flex-start; }
  .Yuplus .home-swiper .home-slide .section4 .tabs .item { font-size: 0.3rem; margin: 0; position: relative; padding-bottom: 0.25rem; margin: 0 0.25rem !important; }
  .Yuplus .home-swiper .home-slide .section4 .tabs .item:before { content: ""; width: 50%; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; opacity: 0; transition: all .5s ease; }
  .Yuplus .home-swiper .home-slide .section4 .tabs .item.active:before { opacity: 1; }
  .Yuplus .home-swiper .home-slide .section4 .slide { margin-top: 0.3rem; overflow: visible; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide { height: auto; padding: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .st { width: 100%; font-size: 0.26rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; line-height: 1.6; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .st span { font-size: 0.3rem; margin-right: 0; margin-bottom: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .arrow { width: 0.5rem; margin: 0.3rem 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .text { margin-left: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .text h3 { font-size: 0.3rem; line-height: 1.5; text-align: center; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .con { flex-direction: column; margin-top: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide .con ul { flex-wrap: wrap; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 { padding-right: 0; background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con { margin-top: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul { justify-content: space-between; padding: 0 0.1rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li { width: 3.18rem; height: 2.45rem; padding: 0.35rem 0.15rem; margin-right: 0; margin-top: 0.4rem; background: url(../images/section4-box1-li-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li img { width: 0.9rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li h3 { font-size: 0.28rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box1 .con ul li p { font-size: 0.26rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 { padding-right: 0; background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-display { padding: 0 0.15rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide { width: 100%; overflow: hidden; position: relative; padding-bottom: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide { padding: 0.3rem 0.6rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide h3 { font-size: 0.28rem; color: #fff; font-family: "chuang-bold"; text-align: center; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide p { font-size: 0.26rem; color: #fff; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.1rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide dl dd { width: 40%; color: #fff; margin-top: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide dl dd h4 { font-size: 0.26rem; position: relative; padding-bottom: 0.2rem; margin-bottom: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide dl dd h4:after { content: ""; width: 100%; height: 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%); position: absolute; left: 0; bottom: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide dl dd h4 span { font-size: 0.44rem; font-family: "chuang-bold"; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(1) { height: 4.44rem; background: url(../images/section4-box2-li1-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) { height: 6.29rem; padding: 0.3rem 0.4rem; background: url(../images/section4-box2-li2-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) h5 { font-size: 0.24rem; color: #fff; margin-top: 0.5rem; line-height: 1.6; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) h5:last-child { margin-top: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl { margin-top: 0; justify-content: flex-start; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl dd { width: 30%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl dd h4 span { font-size: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl dd p { font-size: 0.24rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl dd p span { font-size: 0.24rem; font-family: "chuang-bold"; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-slide:nth-child(2) dl dd:last-child { width: 60%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-pagination { bottom: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box2 .con .xs-slide .swiper-pagination-bullet { width: 0.5rem; height: 3px; background: #fff; border-radius: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 { background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con { margin-top: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li { width: 1.28rem; height: 2.04rem; padding: 0.3rem 0.15rem; margin-right: 0.4rem; margin-top: 0.4rem; background: url(../images/section4-box3-li-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li img { width: 0.8rem; margin: 0 auto; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li h3 { font-size: 0.24rem; line-height: 1.5; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box3 .con ul li:last-child { margin-right: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 { background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con { padding-right: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul { width: 100%; justify-content: space-between; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li { width: 2.1rem; height: 3.68rem; padding: 0.3rem 0.2rem; margin-right: 0; background: url(../images/section4-box4-li1-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li h3 { font-size: 0.32rem; margin-bottom: 0.1rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li h4 { font-size: 0.24rem; line-height: 1.5; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li p { font-size: 0.24rem; line-height: 1.5; margin-top: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li:nth-child(1) p { margin-top: 0.6rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li:nth-child(2) { width: 2.1rem; background: url(../images/section4-box4-li1-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box4 .con ul li:nth-child(3) { margin-right: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 { padding-right: 0; background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 .con { margin-top: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box5 .con .img { width: 100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 { padding-right: 0; background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul { width: 100%; justify-content: space-between; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li { width: 2.1rem; height: 3.54rem; padding: 0.45rem 0.2rem; margin-right: 0; background: url(../images/section4-box6-li-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li img { width: 0.6rem; margin: 0 auto 0.1rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li h3 { font-size: 0.26rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box6 .con ul li p { font-size: 0.24rem; line-height: 1.5; margin-top: 0.7rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 { padding-right: 0; background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-display { padding: 0 0.15rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide { width: 100%; overflow: hidden; position: relative; padding-bottom: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide { height: 3.23rem; padding: 0.3rem 0.6rem; background: url(../images/section4-box7-li-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide h3 { font-size: 0.28rem; color: #fff; font-family: "chuang-bold"; text-align: center; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide p { font-size: 0.26rem; color: #fff; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide dl dd { width: 100%; font-size: 0.26rem; color: #fff; margin-top: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide img { margin-top: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-slide:nth-child(2) { height: 4.5rem; background: url(../images/section4-box7-li2-xs.png) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-pagination { bottom: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .xs-slide .swiper-pagination-bullet { width: 0.5rem; height: 3px; background: #fff; border-radius: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .arrow { margin-right: 0; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box7 .con .text img { width: 2rem; margin: 0 auto 0.3rem; display: block; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 { background: transparent; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con { padding: 0 0.1rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul { width: 100%; justify-content: space-between; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li { width: 3.17rem; height: 3.54rem; padding: 0.35rem 0; margin-right: 0; background: url(../images/section4-box8-li-xs.webp) no-repeat center/100%; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li img { width: 0.6rem; margin: 0 auto 0.2rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li h3 { font-size: 0.28rem; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con ul li p { font-size: 0.26rem; margin-top: 0.5rem; line-height: 1.7; }
  .Yuplus .home-swiper .home-slide .section4 .slide .swiper-slide.box8 .con .text { margin-left: 0; }
  .Yuplus .home-swiper .home-slide .section4 .swiper-button-next, .Yuplus .home-swiper .home-slide .section4 .swiper-button-prev { width: 0.5rem; height: 0.5rem; top: auto; bottom: 0.5rem; margin: 0; }
  .Yuplus .home-swiper .home-slide .section4 .swiper-button-next.swiper-button-prev, .Yuplus .home-swiper .home-slide .section4 .swiper-button-prev.swiper-button-prev { left: 44%; }
  .Yuplus .home-swiper .home-slide .section4 .swiper-button-next.swiper-button-next, .Yuplus .home-swiper .home-slide .section4 .swiper-button-prev.swiper-button-next { left: 54%; }
  .Yuplus .home-swiper .home-slide .section4 .swiper-button-next:after, .Yuplus .home-swiper .home-slide .section4 .swiper-button-prev:after { font-size: 0.5rem; color: #fff; }
  .Yuplus .home-swiper .home-slide .section5 .slide { margin-top: 0.6rem; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-wrapper { justify-content: flex-start; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide { width: 100%; margin: 0; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text { width: 100%; padding: 0.33rem 0.38rem; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 0; transform: translateY(0); transition: all .5s ease; background: linear-gradient(320.94deg, #0a8bfb 0%, #0748aa 100%); }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text:before { content: ""; width: 100%; height: 100%; background: linear-gradient(179.8deg, rgba(0, 36, 98, 0) 0%, rgba(0, 44, 136, 0.88) 100%); position: absolute; left: 0; bottom: 0; z-index: -1; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text:after { content: ""; width: 3.07rem; height: 1.09rem; background: url(../images/section5-text.webp) no-repeat center/100%; position: absolute; right: 0; bottom: 0; z-index: -1; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text h3 { font-size: 0.3rem; font-family: "chuang-bold"; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-slide .text p { font-size: 0.26rem; margin-top: 0.15rem; opacity: 1; transition: all .5s ease; line-height: 1.5; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-next, .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-prev { width: 0.5rem; height: 0.5rem; top: auto; bottom: -1.2rem; margin: 0; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-next.swiper-button-prev, .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-prev.swiper-button-prev { left: 44%; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-next.swiper-button-next, .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-prev.swiper-button-next { left: 54%; }
  .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-next:after, .Yuplus .home-swiper .home-slide .section5 .slide .swiper-button-prev:after { font-size: 0.5rem; color: #fff; }
  .Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .text { margin-top: 0.35rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .swiper-slide .text h3 { font-size: 0.28rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool { height: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev { width: 0.4rem; height: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next.swiper-button-next, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev.swiper-button-next { left: 0.7rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-next:after, .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-button-prev:after { font-size: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool .line { left: 0.54rem; }
  .Yuplus .home-swiper .home-slide .section6 .slide .tool .swiper-scrollbar { width: calc(100% - 1.4rem); top: 0.2rem; }
  .Yuplus .home-swiper .home-slide .section7 { background: url(../images/section7-bg.jpg) no-repeat center/cover; }
  .Yuplus .home-swiper .home-slide .section7 .title-box h2, .Yuplus .home-swiper .home-slide .section7 .title-box p { color: #000; }
  .Yuplus .home-swiper .home-slide .section7 .title-box p { width: 100%; }
  .Yuplus .home-swiper .home-slide .section7 .box { margin-top: 0.5rem; flex-wrap: wrap; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs { width: 100%; flex-direction: row; justify-content: space-between; margin-bottom: 0.4rem; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs .item { width: 48.5%; height: 0.8rem !important; padding: 0; background: transparent; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs .item .icon, .Yuplus .home-swiper .home-slide .section7 .box .tabs .item .jia, .Yuplus .home-swiper .home-slide .section7 .box .tabs .item h2, .Yuplus .home-swiper .home-slide .section7 .box .tabs .item p { display: none !important; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs .item h3 { font-size: 0.3rem; margin: 0; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active { padding: 0; border: none; }
  .Yuplus .home-swiper .home-slide .section7 .box .tabs .item.active h3 { margin: 0; }
  .Yuplus .home-swiper .home-slide .section7 .box .slide { width: 100%; border-radius: 0.2rem; overflow: hidden; background: linear-gradient(127.2deg, #1184e9 0%, #235cb1 100%); }
  .Yuplus .home-swiper .home-slide .section7 .box .slide .text { padding: 0.5rem 0.4rem; }
  .Yuplus .home-swiper .home-slide .section7 .box .slide .text h3 { font-size: 0.3rem; font-family: "chuang-bold"; color: #fff; line-height: 0.3rem; }
  .Yuplus .home-swiper .home-slide .section7 .box .slide .text p { font-size: 0.26rem; line-height: 0.44rem; color: #fff; margin-top: 0.2rem; }
  .Yuplus .home-swiper .home-slide .footer { font-size: 0.26rem; padding: 0.4rem 0; } }