@charset "UTF-8";
:root { --global-width: 793px; --global-min-width: 1024px; --theme-white: #fff; --theme-black: #000; --theme-default: #66ffff; --theme-primary: #003c66; --theme-gradient-txt: linear-gradient(90deg, rgba(206, 255, 255, 1) 0%, rgba(102, 255, 255, 1) 80%); }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; overflow-x: auto; }

img, picture, video { display: block; max-width: 100%; }

input, button, textarea, select { font: inherit; outline: none; border: none; background: none; }

a { text-decoration: none; }

ul, ol { list-style: none; }

body { margin: 0; font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; background-color: var(--theme-white); }

@media (max-width: 480px) { html, body { overflow-x: hidden; } }
.banner .title .tel { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }

.banner .title .tel_r, .layout .content .title, .layout .content .section[data-id="2"], .layout .content .lists { display: flex; flex-direction: row; justify-content: center; align-items: center; }

.layout .content .download { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }

.layout .content .download .text { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }

.layout .content .section[data-id="1"] { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; }

.banner .title .tel_l, .layout .content .section[data-id="2"] .card-left, .layout .content .section[data-id="3"], .layout .content .lists .item { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.banner .title { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

.abs-centent { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.gradient, .btn-xl, .btn-sm, .btn-lg, .btn-xs, .banner .title .tel_r { position: relative; background: linear-gradient(90deg, #20f5d0 0%, #0873c8 100%); }
.gradient::after, .btn-xl::after, .btn-sm::after, .btn-lg::after, .btn-xs::after, .banner .title .tel_r::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 29px; border-radius: 16.5px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.25) 28%, rgba(255, 255, 255, 0) 45%); }

.sub-title, .layout .content .title span { position: relative; font-size: 25px; font-weight: bold; color: var(--theme-white); text-align: center; filter: drop-shadow(0px 0px 9px #3aa1ac); text-shadow: 0 0 8px #3aa1ac; }
.sub-title::before, .layout .content .title span::before { content: ""; position: absolute; top: 0; bottom: 0; left: -30px; width: 30px; height: 33px; background: url("../images/icon-2.png") no-repeat center center/contain; }
.sub-title::after, .layout .content .title span::after { content: ""; position: absolute; top: 0; bottom: 0; right: -22px; width: 30px; height: 33px; background: url("../images/icon-3.png") no-repeat center center/contain; }

.btn-xl { display: flex; justify-content: center; align-items: center; width: 410px; height: 35.4px; text-align: center; border-radius: 17px; font-size: 19.5px; font-weight: bold; color: var(--theme-primary); }
.btn-xl span { position: relative; z-index: 2; font-weight: bold; }
.btn-xl i { display: inline-block; width: 19px; height: 12px; background: url("../images/icon-7.png") no-repeat center center/contain; }
.btn-xl i:last-child { transform: scale(-1); }

.btn-sm { display: flex; justify-content: center; align-items: center; width: 152px; height: 35px; text-align: center; border-radius: 17px; font-size: 21px; font-weight: bold; color: var(--theme-primary); }
.btn-sm .icon { margin-left: 4px; width: 9px; height: 9px; background: url("../images/icon-6.png") no-repeat center top/contain; }

.btn-lg { position: relative; display: flex; justify-content: center; align-items: center; width: 146px; height: 35.25px; text-align: center; border-radius: 17px; font-size: 19px; font-weight: bold; color: var(--theme-white); }
.btn-lg::after { content: ''; position: absolute; top: 0; bottom: 0; left: auto; right: 10px; margin: auto; width: 9px; height: 19px; background: url("../images/icon-4.png") no-repeat center center/contain; }

.btn-xs { display: flex; justify-content: center; align-items: center; width: 124px; height: 29px; line-height: 1.5; text-align: center; border-radius: 14.5px; font-size: 16px; font-weight: bold; color: var(--theme-primary); }
.btn-xs .icon { margin-left: 4px; width: 9px; height: 9px; background: url("../images/icon-6.png") no-repeat center top/contain; }

.hide { display: none; }

#container { position: relative; }

a { text-decoration: none !important; }

.banner { position: relative; margin: auto; width: 100%; min-width: var(--global-min-width); height: 494px; overflow: hidden; background: url(../images/banner.png) no-repeat 40% top/cover; }
.banner::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 421px; background: url("../images/dbwangdian.png") no-repeat center center/cover; z-index: 1; }
.banner .title { position: absolute; top: 72px; left: 22.5%; color: var(--theme-white); transition: all 0.3s ease; z-index: 2; }
.banner .title label { font-size: 28px; font-weight: bold; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: var(--theme-gradient-txt); }
.banner .title label img { width: 326px; }
.banner .title span { margin-top: 15px; font-size: 20px; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: var(--theme-gradient-txt); }
.banner .title .tel { margin-top: 25px; }
.banner .title .tel_l { position: relative; width: 88px; height: 29px; color: #371010; font-size: 15px; font-weight: bold; line-height: 1.5; border-radius: 13px; text-align: center; background: linear-gradient(0deg, #ffe573 0%, #fff9bf 100%); border: 2px solid #b87849; z-index: 2; overflow: hidden; }
.banner .title .tel_l a { color: #371010; }
.banner .title .tel_r { margin-left: -20px; width: 182px; height: 29px; line-height: 1.5; border-radius: 14.5px; color: var(--theme-white); font-size: 17px; font-weight: bold; }
.banner .title .tel_r .icon { margin: 0 5px 0 15px; width: 17px; filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5)); }
.banner .title .tel_r span { margin: 0; font-size: 17px; font-weight: bold; background-clip: border-box; -webkit-background-clip: border-box; -webkit-text-fill-color: initial; color: var(--theme-white); background-image: none; }
@media (max-width: 1600px) { .banner .title { left: 20%; } }
@media (max-width: 1400px) { .banner .title { left: 15%; } }
@media (max-width: 1280px) { .banner .title { left: 12%; } }
@media (max-width: 1080px) { .banner { min-width: auto; background-position: 36% top; }
  .banner .title { left: 12%; } }
@media (max-width: 768px) { .banner { min-width: auto; } }
@media (max-width: 640px) { .banner { height: 308px; background: url("../images/banner-m.png") no-repeat center top/cover; }
  .banner .title { top: 3%; left: 8%; }
  .banner .title label { font-size: 20px; }
  .banner .title label img { width: 72%; }
  .banner .title span { font-size: 13px; }
  .banner .title .tel_l { width: 78px; height: 24px; font-size: 13px; }
  .banner .title .tel_r { width: 150px; height: 24px; font-size: 13px; }
  .banner .title .tel_r span { font-size: 13px; } }

.layout { width: 100%; background: url(../images/bg.jpg) no-repeat center top/cover; }
.layout .content { width: 100%; margin: -90px auto 0; }
.layout .content .title { border: none !important; padding: 0 !important; }
.layout .content .title[data-tit="2"] { margin: 40px auto 35px; padding: 0 !important; }
.layout .content .title[data-tit="3"] { margin: 50px auto 35px; }
.layout .content .section[data-id="1"] { margin: auto; width: 655px; height: 182px; background: url("../images/i1.png") no-repeat center top/contain; }
.layout .content .section[data-id="1"] .text { font-size: 20px; font-weight: bold; color: var(--theme-default); }
.layout .content .section[data-id="1"] .text p { margin-bottom: 0; font-weight: bold; }
.layout .content .section[data-id="1"]:hover { text-decoration: none; }
.layout .content .section[data-id="2"] { margin-bottom: 60px; }
.layout .content .section[data-id="2"] .card-left { position: relative; width: 203px; height: 289px; border: 1.25px solid #5fdbf1; border-radius: 10px; background: url("../images/i2.jpg") no-repeat center top/cover; }
.layout .content .section[data-id="2"] .card-left .label { position: absolute; top: -35px; left: 5px; font-size: 92px; font-weight: bold; color: var(--theme-default); font-family: Arial; font-style: oblique; text-shadow: 9px 4px rgba(102, 255, 255, 0.12); }
.layout .content .section[data-id="2"] .card-left .text { margin: 0 15px; }
.layout .content .section[data-id="2"] .card-left .text h3 { font-size: 19px; font-weight: bold; color: var(--theme-white); }
.layout .content .section[data-id="2"] .card-left .text p { margin-top: 18px; font-size: 16px; font-weight: 400; color: var(--theme-white); line-height: 1.75; }
.layout .content .section[data-id="2"] .card-left .text u { text-decoration: underline; text-decoration-skip-ink: none; }
.layout .content .section[data-id="2"] .card-left::after { content: ""; position: absolute; width: 182px; height: 288px; top: 0; left: 0; background: url("../images/i7.png") no-repeat center top/cover; }
.layout .content .section[data-id="2"] .card-right { position: relative; width: 450px; height: 273px; background: url("../images/i3.png") no-repeat center top/cover; }
.layout .content .section[data-id="2"] .card-right .tag { position: absolute; top: -60px; right: -20px; width: 171px; }
.layout .content .section[data-id="2"] .card-right .tag-txt { top: -12px; right: 12px; width: fit-content; font-size: 22px; font-weight: bold; color: var(--theme-white); text-align: center; filter: drop-shadow(0px 0px 9px #047474); text-shadow: 0 0 8px #047474, 0 0 8px #047474, 0 0 8px #047474, 0 0 8px #047474; }
.layout .content .section[data-id="2"] .card-right .text { margin: 28px 0 0 22px; }
.layout .content .section[data-id="2"] .card-right .text h3 { font-size: 17px; font-weight: bold; color: var(--theme-default); }
.layout .content .section[data-id="2"] .card-right .text h4 { margin-top: 10px; font-size: 15px; font-weight: 400; color: var(--theme-default); }
.layout .content .section[data-id="2"] .card-right .text section { margin: 25px 25px 0 0; }
.layout .content .section[data-id="2"] .card-right .text section p { margin-bottom: 0; font-size: 16px; font-weight: 400; color: var(--theme-white); line-height: 1.75; }
.layout .content .section[data-id="2"] .card-right .btn-xs { position: absolute; right: 40px; bottom: 20px; padding-left: 4px; }
.layout .content .section[data-id="3"] { margin-top: -60px; overflow: hidden; }
.layout .content .section[data-id="3"] .img1 { margin-top: -70px; width: 655px; }
.layout .content .section[data-id="3"] .img2 { margin-top: 60px; width: 804px; }
.layout .content .section[data-id="3"] img { width: 100%; }
@media (max-width: 1200px) { .layout .content .section[data-id="3"] .img1, .layout .content .section[data-id="3"] .img2 { width: 90%; } }
@media (max-width: 768px) { .layout .content .section[data-id="3"] .img2 { width: 90%; } }
.layout .content .lists { gap: 45px; }
.layout .content .lists .item { gap: 20px; }
.layout .content .lists .item .label { font-size: 18.9px; font-weight: bold; color: var(--theme-default); text-align: center; }
.layout .content .lists .item .thumb { position: relative; width: 230px; }
.layout .content .lists .item .thumb::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 56px; height: 56px; background: url("../images/icon-5.png") no-repeat no-repeat center top/contain; z-index: 2; transition: all 0.3s ease-in-out; }
.layout .content .lists .item .btn-lg { transition: all 0.3s ease-in-out; }
.layout .content .lists .item:hover .thumb::before { transform: scale(1.1); }
.layout .content .lists .item:hover .btn-lg { transform: scale(1.05); }
@media (max-width: 1200px) { .layout .content .lists { gap: 20px; }
  .layout .content .lists .item .thumb { width: 210px; } }
@media (max-width: 768px) { .layout .content .lists { gap: 20px; }
  .layout .content .lists .item .thumb { width: 215px; }
  .layout .content .lists .item:hover .thumb::before { transform: none !important; }
  .layout .content .lists .item:hover .btn-lg { transform: none !important; } }
.layout .content .download { margin: 115px auto 0; gap: 50px; width: 100%; height: 106px; background: linear-gradient(90deg, #5290bb 0%, #4ddb75 100%); }
.layout .content .download .img { margin-bottom: 15px; filter: drop-shadow(0 5px 10px var(--theme-black)); }
.layout .content .download .text .label { margin-bottom: 30px; font-size: 25px; color: var(--theme-white); font-weight: bold; text-align: left; }
.layout .content .download .text .btn { margin-top: 5px; font-size: 16.8px; color: var(--theme-white); }
@media (max-width: 640px) { .layout { padding: 30px 0; background: url("../images/bg-m.jpg") no-repeat center top/cover; }
  .layout .content .title span { font-size: 18px; }
  .layout .content .title[data-id="1"] { margin: 80px auto 0; }
  .layout .content .title[data-tit="2"] { margin: 40px auto 70px; }
  .layout .content .section[data-id="1"] { position: relative; justify-content: center; flex-direction: column; margin: -5px auto 70px; width: 90%; height: 150.5px; background: url("../images/i1-m.png") no-repeat center top/100%; }
  .layout .content .section[data-id="1"] .text { margin-top: -10px; text-align: center; font-size: 15px; }
  .layout .content .section[data-id="1"] .btn-sm { position: absolute; bottom: -24px; left: 0; right: 0; margin: auto; font-size: 18px; }
  .layout .content .section[data-id="2"] { flex-direction: column; margin: 0 auto 70px; width: 90%; }
  .layout .content .section[data-id="2"] .card-left { width: 100%; height: 125px; background: none; }
  .layout .content .section[data-id="2"] .card-left .label { top: -60px; left: 25px; }
  .layout .content .section[data-id="2"] .card-left .text { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0; }
  .layout .content .section[data-id="2"] .card-left .text h3 { margin-bottom: 10px; font-size: 17px; }
  .layout .content .section[data-id="2"] .card-left .text p { margin: 0 auto; text-align: center; }
  .layout .content .section[data-id="2"] .card-left .text i { display: block; }
  .layout .content .section[data-id="2"] .card-left::after { width: 95px; height: 123px; }
  .layout .content .section[data-id="2"] .card-right { width: 95%; height: 250px; background: url("../images/i3-m.png") no-repeat center top/100% 100%; }
  .layout .content .section[data-id="2"] .card-right .tag { top: 0; right: 0; width: 124px; }
  .layout .content .section[data-id="2"] .card-right .tag-txt { position: relative; left: 0; margin: 25px auto; width: fit-content; }
  .layout .content .section[data-id="2"] .card-right .text h3 { margin-bottom: 5px; font-size: 15px; text-align: center; }
  .layout .content .section[data-id="2"] .card-right .text h4 { margin-bottom: 15px; font-size: 13px; text-align: center; }
  .layout .content .section[data-id="2"] .card-right .text section { margin: 0px 25px 0 0; }
  .layout .content .section[data-id="2"] .card-right .text section p { font-size: 13px; }
  .layout .content .section[data-id="2"] .card-right .btn-xs { display: none; }
  .layout .content .section[data-id="2"][data-mid="2"] .card-right { height: 235px; }
  .layout .content .section[data-id="2"][data-mid="2"] .card-right .text { margin: 60px 0 0 22px; }
  .layout .content .section[data-id="3"] .img1 { margin: -35px auto 0; width: 90%; }
  .layout .content .section[data-id="3"] .btn-xl { width: 78%; }
  .layout .content .section[data-id="3"] .btn-xl span i { display: none; }
  .layout .content .lists { flex-direction: column; gap: 50px; }
  .layout .content .lists .btn-lg { display: none; }
  .layout .content .download { height: 80px; gap: 20px; }
  .layout .content .download .img { width: 42%; }
  .layout .content .download .text { flex-direction: column; align-items: flex-start; }
  .layout .content .download .text .label { margin-bottom: 8px; font-size: 15px; }
  .layout .content .download .text .btn { padding: 0 0 5px 0; font-size: 12px; } }

/* 底部 */
.foot { background: #406180; }

.foot-w { width: 1200px; height: 120px; margin: 0 auto; }

.foot-container { display: flex; align-items: center; padding: 24px 0 15px; margin-top: 10px; }

.foot-container h3 { width: 10%; color: #fff; font-size: 24px; margin-bottom: 0; }

.foot-container ul { margin: 0; width: 90%; height: 100%; display: flex; align-items: center; border-left: 2px solid #fff; padding-left: 20px; list-style: none; }

.foot-container ul li { flex: 1; color: #fff; display: flex; align-items: center; gap: 5px; }

.foot-container ul li a { color: #FFFFFF; font-size: 16px; }

.foot-container ul li .del p { margin: 10px 0; }

.foot .ewm-1 { width: 72px; }

.foot-b { display: flex; align-items: center; justify-content: flex-start; height: 83px; background: #f5f5f5; }

.footb-w { width: 1200px; margin: 0 auto; }

.footb-w p { line-height: 83px; font-size: 14px; color: #666; }

@media screen and (max-width: 1200px) { .foot-w { width: 100%; }
  .foot-container { justify-content: center; }
  .foot-container ul { margin-left: 2%; width: 80%; } }
@media screen and (max-width: 1200px) { .foot-container h3 { display: none; }
  .foot-container ul { border: none; } }
@media screen and (max-width: 980px) { .foot-w { height: auto; }
  .foot-container ul { justify-content: center; flex-direction: column; gap: 20px; } }
@media screen and (max-width: 768px) { .foot-w { height: auto; }
  .foot-container ul { justify-content: center; flex-direction: column; gap: 20px; }
  .footb-w p { width: 82%; margin: auto; line-height: normal; } }

/*# sourceMappingURL=style.css.map */