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

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%; background: #fff; font: 16px/1.1 'Poppins', system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000C21; -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: #000C21; }

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

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

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; }

.product-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; }

.text-c { text-align: center; }

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

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

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

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

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

@font-face { font-family: "BebasNeue"; src: url("../fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }

@keyframes scroll { 0% { transform: translateX(0%); }
  100% { transform: translateX(-36.85rem); } }

:root { --headerHeight: 1rem; }

/* IE低版本提示 */
.pageTips { width: 100%; height: 100%; background: #f8f8f8; position: fixed; left: 0; top: 0; z-index: 1000; }

.pageTips .con { width: 640px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.pageTips .con svg { width: 100px; height: 100px; margin: 0 auto; fill: orangered; display: block; }

.pageTips .con .msg { font-size: 18px; line-height: 36px; padding-top: 10px; color: #000; }

html.lenis, html.lenis body { height: auto; }

.lenis.lenis-smooth { scroll-behavior: auto !important; }

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

.container { width: 75%; margin: 0 auto; position: relative; transition: all .36s ease-in-out; }

.banner { width: 100%; height: 10rem; max-height: 100vh; position: relative; overflow: hidden; z-index: 0; }

.banner .logo { width: 2.16rem; height: auto; position: absolute; left: 1.44rem; top: 0.37rem; z-index: 1; }

.banner img { width: 100%; height: 100%; }

.banner .t { width: 10.06rem; height: auto; position: absolute; left: 22%; top: 25%; z-index: 1; }

.banner .bg { position: absolute; width: 100%; left: 0; top: 0; }

.banner .text { width: 100%; color: #fff; position: absolute; left: 0; top: 35%; }

.banner .text h2 { font-size: 0.8rem; font-family: "Poppins-Bold"; }

.banner .text p { font-size: 0.3rem; font-family: "Poppins-Medium"; margin-top: 0.2rem; }

.title-box h2 { font-size: 0.42rem; line-height: 1.2; font-family: "Poppins-Bold"; }

.title-box h3 { font-size: 0.28rem; font-family: "Poppins-Medium"; color: #23915A; margin-top: 0.2rem; }

.title-box p { font-size: 0.2rem; line-height: 1.5; margin-top: 0.3rem; }

.title-box.white h2, .title-box.white h3, .title-box.white p { color: #fff; }

.section { position: relative; z-index: 1; background: #fff; overflow: hidden; }

.Index .section1 { padding: 0.8rem 0 1.2rem; }

.Index .section1:before { content: ""; width: 100%; height: 100%; background: linear-gradient(178.82deg, #fff 0%, #eef3ef 100%); position: absolute; left: 0; top: 0; z-index: -2; }

.Index .section1:after { content: ""; width: 100%; height: 100%; background: url(../images/section1-bg.webp) no-repeat center/cover; position: absolute; left: 0; top: 0; z-index: -1; }

.Index .section1 .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index .section1 .left { width: 46.5%; padding-top: 1.2rem; }

.Index .section1 .right { width: 40.2%; position: relative; }

.Index .section1 .right .top { width: 1.77rem; position: absolute; right: 0; top: 0.92rem; }

.Index .section1 .right .top .item { position: relative; margin-top: 0.15rem; overflow: hidden; border-radius: 0.3rem; }

.Index .section1 .right .top .item:before { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; transition: all .36s ease-in-out; opacity: 0; }

.Index .section1 .right .top .item img { width: 100%; }

.Index .section1 .right .top .item:hover:before { opacity: 0; }

.Index .section1 .right .bottom { position: absolute; left: 0; bottom: 0; display: flex; }

.Index .section1 .right .bottom .item { width: 1.82rem; position: relative; margin-left: 0.15rem; overflow: hidden; border-radius: 0.3rem; }

.Index .section1 .right .bottom .item:before { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; transition: all .36s ease-in-out; opacity: 0; }

.Index .section1 .right .bottom .item img { width: 100%; }

.Index .section1 .right .bottom .item:first-child { margin-left: 0; }

.Index .section1 .right .bottom .item:hover:before { opacity: 0; }

.Index .section2 { height: 400vh; padding-top: 0.5rem; overflow: visible; background: linear-gradient(180deg, #387456 0%, #2e5d4b 100%); }

.Index .section2 .box { height: 100vh; position: sticky; top: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }

.Index .section2 .box:before { content: ""; width: 100%; height: 100%; background: url(../images/section2-bg.png) no-repeat bottom/100%; position: absolute; left: 0; bottom: 0; }

.Index .section2 ul { display: flex; flex-wrap: nowrap; margin-top: 0.5rem; }

.Index .section2 ul li { flex: 0 0 75%; overflow: hidden; display: flex; margin-left: 12.5%; }

.Index .section2 ul li .img { width: 5.7rem; position: relative; margin-right: 1.3rem; }

.Index .section2 ul li .img img { width: 100%; }

.Index .section2 ul li .img .video { width: 2.76rem; height: 1.63rem; border-radius: 0.3rem; background: #1dae78; position: absolute; right: 0; bottom: 0; cursor: pointer; }

.Index .section2 ul li .img .video i { font-size: 0.3rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Index .section2 ul li .text { flex: 1; padding-top: 1rem; }

.Index .section2 ul li .text h3 { font-size: 0.36rem; font-family: "Poppins-Bold"; color: #fff; }

.Index .section2 ul li .text h3 span { font-size: 0.2rem; }

.Index .section2 ul li .text p { font-size: 0.2rem; line-height: 1.5; color: #fff; margin-top: 0.25rem; }

.Index .section2 ul li .text h4 { font-size: 0.2rem; color: #fff; margin-top: 0.4rem; }

.Index .section2 ul li .text dl { margin-top: 0.3rem; }

.Index .section2 ul li .text dl dd { font-size: 0.2rem; color: #fff; margin-top: 0.25rem; position: relative; padding-left: 0.2rem; }

.Index .section2 ul li .text dl dd:before { content: ""; width: 0.06rem; height: 0.06rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.06rem; }

.Index .section2 ul li:last-child dl { display: flex; justify-content: space-between; margin-top: 0.4rem; }

.Index .section2 ul li:last-child dl dd { padding-left: 0; margin: 0; }

.Index .section2 ul li:last-child dl dd:before { display: none; }

.Index .section2 ul li:last-child dl dd h5 { font-size: 0.2rem; }

.Index .section2 ul li:last-child dl dd h5 b { font-size: 0.44rem; font-family: "Poppins-Medium"; }

.Index .section2 ul li:last-child dl dd h5 sup { font-size: 0.3rem; }

.Index .section2 ul li:last-child dl dd h6 { font-size: 0.2rem; margin-top: 0.1rem; }

.Index .section3 { padding: 1.2rem 0 0; background: linear-gradient(178.82deg, #fff 0%, #eef3ef 100%); }

.Index .section3:before { content: ""; width: 6.74rem; height: 4.09rem; background: url(../images/section3-zs1.webp) no-repeat center/100%; position: absolute; left: 0; top: 0; }

.Index .section3:after { content: ""; width: 4.02rem; height: 3.71rem; background: url(../images/section3-zs2.webp) no-repeat center/100%; position: absolute; right: 0.75rem; bottom: 0; }

.Index .section3 .title-box { width: 48.6%; }

.Index .section3 .box { height: 9.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Index .section3 .box .column { width: 48.5%; transform: translateY(30%); }

.Index .section3 .box .column .item { position: relative; border-radius: 0.3rem; overflow: hidden; margin-top: 0.4rem; transition: all .36s ease-in-out; }

.Index .section3 .box .column .item img { width: 100%; }

.Index .section3 .box .column .item .text { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0.4rem; }

.Index .section3 .box .column .item .text h3 { font-size: 0.44rem; color: #fff; font-family: "Poppins-Medium"; }

.Index .section3 .box .column .item .text p { font-size: 0.18rem; color: #fff; margin-top: 0.15rem; }

.Index .section3 .box .column .item .text ul { display: flex; flex-wrap: wrap; margin-top: 0.15rem; }

.Index .section3 .box .column .item .text ul li { font-size: 0.16rem; color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.13); border-radius: 0.02rem; padding: 0.06rem 0.1rem; margin-right: 0.04rem; }

.Index .section3 .box .column .item .text .more { width: 1.7rem; height: 0.56rem; font-size: 0.18rem; color: #fff; border: 1px solid #fff; border-radius: 0.28rem; display: flex; align-items: center; justify-content: center; margin-top: 0.25rem; transition: all .36s ease-in-out; cursor: pointer; }

.Index .section3 .box .column .item .text .more i { font-size: 0.16rem; margin-left: 0.1rem; transition: all .36s ease-in-out; }

.Index .section3 .box .column .item .text .more:hover { background: #fff; color: #000; }

.Index .section3 .box .column .item .text .more:hover i { color: #000; }

.Index .section3 .box .column .item:hover { transform: scale(1.03); }

.Index .section3 .box .column .item:first-child { margin-top: 0; }

.Index .section3 .box .column:nth-child(2) { margin-top: -1.7rem; }

.Index .section4 { padding: 1.2rem 0 0; background: #eef3ef; }

.Index .section4 .title-box { text-align: center; }

.Index .section4 .box { margin-top: 0.4rem; position: relative; display: block; }

.Index .section4 .box img { width: 100%; }

.Index .section4 .box .play-btn { width: 0.88rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; }

.Index .section5 { padding: 1.2rem 0; }

.Index .section5 .title-box { text-align: center; }

.Index .section5 .slide-box { margin-top: 0.3rem; position: relative; --swiper-navigation-color: #23915A; --swiper-navigation-size: 0.5rem; }

.Index .section5 .slide-box .slide { overflow: hidden; }

.Index .section5 .slide-box .slide .swiper-slide { border-radius: 0.5rem; overflow: hidden; }

.Index .section5 .slide-box .slide .swiper-slide img { width: 100%; }

.Index .section5 .slide-box .swiper-button-next { right: -1rem; }

.Index .section5 .slide-box .swiper-button-prev { left: -1rem; }

.Index .section5 .slide-box .btn-play { width: 0.88rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; pointer-events: none; }

.Index .section5 .thumbs { overflow: hidden; margin-top: 0.3rem; }

.Index .section5 .thumbs .swiper-wrapper { justify-content: center; }

.Index .section5 .thumbs .swiper-slide { border-radius: 0.1rem; overflow: hidden; cursor: pointer; opacity: .5; transition: all .36s ease-in-out; }

.Index .section5 .thumbs .swiper-slide img { width: 100%; }

.Index .section5 .thumbs .swiper-slide .btn-play { width: 0.26rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; }

.Index .section5 .thumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1; }

.Index .section6 { padding-top: 1.2rem; background: #eef3ef; }

.Index .section6:after { content: ""; width: 100%; height: 20%; position: absolute; left: 0; top: 0; background: #fff; z-index: -2; }

.Index .section6:before { content: ""; width: 100%; height: 60%; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, #387456 0%, #2e5d4b 100%); z-index: -1; border-radius: 0.6rem 0.6rem 0 0; }

.Index .section6 .title-box { text-align: center; }

.Index .section6 .imgs { margin-top: 0.3rem; animation: scroll infinite 50s linear; display: flex; }

.Index .section6 .imgs .item { flex: 0 0 7.15rem; height: 5.6rem; margin-right: 0.2rem; position: relative; border-radius: 0.3rem; overflow: hidden; }

.Index .section6 .imgs .item img { width: 100%; height: 100%; }

.Index .section6 .imgs .item .iconfont { font-size: 0.32rem; color: #fff; position: absolute; right: 0.4rem; bottom: 0.4rem; }

.Index .section6 .imgs .item:nth-child(even) { flex: 0 0 4.45rem; }

.Index .news { padding: 1.2rem 0 0; background: #eef3ef; }

.Index .news .title-box { text-align: center; }

.Index .news .slide { height: 7.5rem; margin: 0.3rem -0.17rem 0; }

.Index .news .slide .swiper-slide { flex: 0 0 25%; transition: all 0.35s ease-in-out; padding: 0 0.17rem; }

.Index .news .slide .swiper-slide img { width: 100%; border-radius: 0.3rem; }

.Index .news .slide .swiper-slide .text { padding-top: 0.3rem; }

.Index .news .slide .swiper-slide .text h3 { font-size: 0.24rem; line-height: 1.375; font-family: "Poppins-Bold"; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news .slide .swiper-slide .text p { font-size: 0.18rem; color: #888; line-height: 1.6; margin: 0.2rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Index .news .slide .swiper-slide .text .more { font-size: 0.18rem; color: #23915A; }

.Index .news .slide .swiper-slide.active { flex: 0 0 50%; }

.order { padding-bottom: 1rem; background: url(../images/order-bg.png) no-repeat center/cover #EEF3EF; }

.order .title-box { text-align: center; }

.order .container { display: flex; justify-content: flex-end; }

.order .box { width: 55%; margin-top: 0.6rem; }

.order .box .dsc { font-size: 0.18rem; color: #000; line-height: 0.36rem; }

.order .box form { padding: 0.15rem 0.5rem 0.35rem; margin-top: 0.3rem; background: #fff; border-radius: 0.3rem; box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1); }

.order .box form .row { display: flex; justify-content: space-between; margin-top: 0.25rem; }

.order .box form .row .column { width: 48%; }

.order .box form .row .column label { font-size: 0.16rem; color: #000; margin-bottom: 0.1rem; display: block; }

.order .box form .row .column label span { color: #E62F2F; }

.order .box form .row .column .col { display: flex; justify-content: space-between; position: relative; }

.order .box form .row .column .col .cc { flex: 0 0 0.8rem; font-size: 0.16rem; line-height: 1; border: 1px solid #EAEAEA; border-radius: 0.04rem; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem; }

.order .box form .row .column .col input { width: 0; flex: 1; height: 0.5rem; font-size: 0.16rem; border: 1px solid #EAEAEA; border-radius: 0.04rem; padding: 0 0.2rem; }

.order .box form .row .column .col textarea { width: 100%; height: 1.3rem; font-size: 0.16rem; padding: 0.15rem 0.2rem; border: 1px solid #EAEAEA; border-radius: 0.04rem; }

.order .box form .row .column .col .select { width: 100%; cursor: pointer; }

.order .box form .row .column .col .select .filter-text { display: flex; }

.order .box form .row .column .col .select .select-title { cursor: pointer; }

.order .box form .row .column .col .select .filter-list { border: 1px solid #D9D9D9; border-radius: 0.04rem; }

.order .box form .row .column.column1 { width: 100%; }

.order .box form .row.agree p { font-size: 0.16rem; color: #000; display: flex; align-items: center; }

.order .box form .row.agree p a { color: #23915A; margin-left: 0.05rem; }

.order .box form .row.agree p .check { width: 0.2rem; height: 0.2rem; border: 1px solid #3EA4E0; display: inline-block; border-radius: 0.04rem; position: relative; top: -0.01rem; margin-right: 0.08rem; cursor: pointer; }

.order .box form .row.agree p .check:before { transition: all .36s ease-in-out; opacity: 0; content: ""; width: 0.12rem; height: 0.12rem; background: #23915A; border-radius: 0.04rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.order .box form .row.agree p .check.active:before { opacity: 1; }

.order .box form .row .btn { width: 2.4rem; height: 0.64rem; font-size: 0.18rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; margin: 0.2rem 0 0.3rem; background: #23915A; border-radius: 0.5rem; cursor: pointer; }

.order .box form .row .btn i { font-size: 0.18rem; margin-left: 0.1rem; transition: all .36s ease-in-out; }

.order .box form .row .btn:hover i { margin-left: 0.15rem; }

.Product .banner { height: auto; }

.Product .banner .bg { position: relative; }

.Product .section1 { background: #F5F6F5; padding: 0.3rem 0 0.7rem; }

.Product .section1 ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product .section1 ul li { width: 31.5%; padding: 0.45rem; background: #fff; border-radius: 0.16rem; margin-top: 0.4rem; }

.Product .section1 ul li img { width: 0.4rem; }

.Product .section1 ul li h3 { font-size: 0.26rem; font-family: "Poppins-SemiBold"; margin: 0.3rem 0 0.2rem; }

.Product .section1 ul li p { font-size: 0.18rem; line-height: 1.6; }

.Product .section2 { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: visible; }

.Product .section2 .title-box { position: sticky; top: 0; background: #fff; padding: 0.4rem 0; }

.Product .section2 .title-box h2 { display: flex; justify-content: space-between; align-items: center; }

.Product .section2 .title-box h2 i { font-size: 0.18rem; font-family: 'Poppins'; display: flex; align-items: center; }

.Product .section2 .title-box h2 i span { font-size: 0.3rem; margin: 0 0.1rem 0 0.2rem; }

.Product .section2 .left { width: 49.8%; padding-left: 12.5%; padding-top: 0.3rem; }

.Product .section2 .left .cs { padding-bottom: 1rem; }

.Product .section2 .left .cs::-webkit-scrollbar { width: 0.08rem; height: 0.08rem; background: #E8E8E8; }

.Product .section2 .left .cs::-webkit-scrollbar-thumb { background: #23915A; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; border-radius: 0.04rem; }

.Product .section2 .left .cs table { width: 100%; border-collapse: collapse; }

.Product .section2 .left .cs table tr { border: 1px solid #dedede; }

.Product .section2 .left .cs table tr th { font-size: 0.22rem; color: #000; background: #D4DCD6; font-family: "Poppins-SemiBold"; text-align: left; padding: 0.15rem 0.3rem; }

.Product .section2 .left .cs table tr td { font-size: 0.18rem; padding: 0.15rem 0.3rem; line-height: 1.4; }

.Product .section2 .left .cs table tr td:first-child { width: 65%; }

.Product .section2 .left .cs table tr td:last-child { width: 35%; text-align: center; }

.Product .section2 .left .cs table tr td span { font-size: 0.3rem; }

.Product .section2 .left .cs table tr:nth-child(odd) { background: #FBFBFB; }

.Product .section2 .right { width: 46.5%; height: 100vh; position: sticky; top: 0; }

.Product .section2 .right img { width: 100%; }

.Product .section2 .right .zw { padding: 0.5rem 0.9rem; background: linear-gradient(135.19deg, #408462 0%, #27674f 100%); position: absolute; left: 0; bottom: 0; }

.Product .section2 .right .zw p { font-size: 0.22rem; text-align: center; color: #fff; }

.Product .section2 .right .zw ul { display: flex; }

.Product .section2 .right .zw ul li { flex: 1; }

.Product .order { padding-top: 1rem; }

.Product.T14E .section1 ul li { width: 48.5%; }

.Product.IC12E .section1 ul li { width: 31.5%; }

.Product.IC12E .section1 ul li:nth-child(4), .Product.IC12E .section1 ul li:nth-child(5) { width: 48.5%; }

.footer { width: 100%; height: auto; padding: 0.5rem 0; background: #275644; }

.footer .container { display: flex; justify-content: space-between; align-items: center; }

.footer .left { font-size: 0.16rem; color: #fff; }

.footer .right { display: flex; align-items: center; }

.footer .right .follow { display: flex; }

.footer .right .follow .item { width: 0.43rem; height: 0.43rem; margin-right: 0.25rem; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; box-shadow: 0 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.03); }

.footer .right .follow .item i { font-size: 0.22rem; }

.footer .right .follow .item .icon-facebook { color: #3F4AA7; }

.footer .right .follow .item .icon-linkedin { color: #137ED1; }

.footer .right .follow .item .icon-twitter { color: #000000; }

.footer .right .follow .item .icon-youtube { color: #D82424; }

.footer .right .follow .item .icon-whatsapp { color: #31BE1B; }

.footer .right .tel { font-size: 0.18rem; color: #fff; }

.mslu_li_icon { width: 0.4rem; height: 0.4rem; border-radius: 50%; transition: all .36s; position: relative; }

.mod_side.act .mod_side_list_back { right: 0; }

.mod_side { position: fixed; top: 50%; transform: translateY(-50%); right: 0.16rem; z-index: 98; transition: all .5s ease-in-out; }

.mod_side_list_ul { padding: 0.32rem 0; position: relative; }

.mod_side_list_ul::after { content: ""; width: calc(100% - .14rem); height: 100%; border-radius: 0.5rem; background: #0047BA; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); position: absolute; top: 0; right: 0; z-index: -1; }

.mslu_li { margin-bottom: 0.16rem; position: relative; cursor: pointer; padding-left: 0.26rem; padding-right: 0.12rem; }

.mslu_li:last-child { margin-bottom: 0; }

.mlii_icon { width: 0.24rem; height: 0.24rem; position: relative; }

.mlii_icon img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; max-width: inherit; }

.mslu_li_pop { width: 2.7rem; position: absolute; top: 50%; transform: translateY(-50%); right: -300px; border-radius: 0.1rem; background: #FFF; box-shadow: 0px 2.76726px 2.21381px 0px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px 0px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px 0px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px 0px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px 0px rgba(29, 86, 185, 0.05), 0px -4px 10px 0px rgba(80, 164, 255, 0.05); transition: all .36s; z-index: -1; opacity: 0; }

.mlpc_bt p { color: #666; }

.mlpc_mid a { font-size: 0.2rem; line-height: 1.8; color: #0047BA; font-family: 'Poppins-SemiBold'; }

.mlpc_tp_icon { width: 0.16rem; height: 0.16rem; border-radius: 50%; background-color: #0047BA; flex-shrink: 0; position: relative; }

.mlpc_tp_icon img { width: 0.1rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.mlpc_tp_parga { width: calc(100% - px2rem(16)); padding-left: 6px; }

.mlpc_tp { display: flex; align-items: center; }

.mslu_li_pop_cont { padding: 0.2rem 0.3rem; }

.mod_side_list_back { margin-top: 0.08rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #FFF; box-shadow: 0px 2.76726px 2.21381px rgba(29, 86, 185, 0.02), 0px 6.6501px 5.32008px rgba(29, 86, 185, 0.03), 0px 12.52155px 10.01724px rgba(29, 86, 185, 0.04), 0px 22.33631px 17.86905px rgba(29, 86, 185, 0.04), 0px 41.77761px 33.42209px rgba(29, 86, 185, 0.05), 0px -4px 10px rgba(80, 164, 255, 0.05); position: relative; margin-left: 0.14rem; cursor: pointer; transition: all .36s; right: -1rem; }

.mslb_icon { transform: translate(-50%, -50%) rotate(180deg); }

.mslb_icon_img { width: 0.23rem; height: 0.23rem; }

.mslb_icon_img img { width: auto; height: 100%; position: absolute; top: auto; left: 50%; transform: translateX(-50%); transition: all .36s; max-width: inherit; }

.mod_sideph { position: fixed; width: calc(100% - .4rem); bottom: 0.2rem; left: 50%; background-color: #000; display: none; z-index: 98; transform: translateX(-50%); border-radius: 0.1rem; }

.mod_sideph_ul { display: flex; justify-content: space-between; }

.mod_sideph_ul_li { width: 20%; padding: 0.2rem 0; position: relative; }

.mod_sideph_ul_li::after { content: ""; width: 100%; height: 100%; border-radius: 0.1rem; background: #0047BA; position: absolute; top: 0; left: 0; z-index: -1; transition: all .36s; opacity: 0; }

.mod_sideph_ul_li.act::after { opacity: 1; }

.mod_sideph .mslu_li_icon_img { margin: auto; width: 0.5rem; }

.mod_sideph .mslu_li_icon_img img { width: 100%; }

.mslu_li:hover .mslu_li_icon { background-color: #fff; }

.mslu_li:hover .mslu_li_pop { right: 0.74rem; opacity: 1; }

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

.mslu_li:hover .mlii_icon img:nth-child(2) { opacity: 0; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .container { width: 100%; padding: 0 0.3rem; }
  .banner .logo { width: 2.16rem; left: 0.3rem; }
  .banner .t { width: 5.6rem; left: 0.54rem; top: 2rem; }
  .banner .text { top: 35%; }
  .banner .text h2 { font-size: 0.8rem; }
  .banner .text p { font-size: 0.3rem; margin-top: 0.2rem; }
  .title-box h2 { font-size: 0.42rem; line-height: 1.42; }
  .title-box h3 { font-size: 0.32rem; margin-top: 0.2rem; }
  .title-box p { font-size: 0.26rem; line-height: 1.6; margin-top: 0.3rem; }
  .Index .section1 { padding: 0.8rem 0 0.85rem; }
  .Index .section1:after { background: url(../images/section1-bg-xs.webp) no-repeat center/cover; }
  .Index .section1 .left { width: 100%; padding-top: 0; }
  .Index .section1 .right { width: 100%; }
  .Index .section2 { padding: 0.8rem 0; background: transparent; background: #387456; height: auto; }
  .Index .section2 .box { justify-content: flex-start; top: 0.7rem; position: relative; top: 0; height: auto; overflow: visible; }
  .Index .section2 .box ul { flex-wrap: wrap; margin-top: 0; }
  .Index .section2 .box ul li { flex: 0 0 calc(100% - 0.6rem); flex-wrap: wrap; margin: 0 auto; background: #387456; position: sticky; top: 0; padding: 0.6rem 0; }
  .Index .section2 .box ul li .img { width: 100%; position: relative; margin: 0; }
  .Index .section2 .box ul li .img .video { width: 2.59rem; height: 1.51rem; border-radius: 0.3rem; background: #1dae78; position: absolute; right: 0; bottom: 0; }
  .Index .section2 .box ul li .img .video i { font-size: 0.5rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
  .Index .section2 .box ul li .text { width: 100%; padding-top: 0.3rem; }
  .Index .section2 .box ul li .text h3 { font-size: 0.36rem; line-height: 1.4; }
  .Index .section2 .box ul li .text h3 span { font-size: 0.26rem; }
  .Index .section2 .box ul li .text p { font-size: 0.26rem; line-height: 1.6; margin-top: 0.25rem; }
  .Index .section2 .box ul li .text h4 { font-size: 0.26rem; margin-top: 0.4rem; }
  .Index .section2 .box ul li .text dl { margin-top: 0.3rem; }
  .Index .section2 .box ul li .text dl dd { font-size: 0.26rem; margin-top: 0.25rem; padding-left: 0.2rem; }
  .Index .section2 .box ul li:last-child { margin-bottom: 0; }
  .Index .section2 .box ul li:last-child dl { margin-top: 0.4rem; }
  .Index .section2 .box ul li:last-child dl dd h5 { font-size: 0.26rem; }
  .Index .section2 .box ul li:last-child dl dd h5 b { font-size: 0.4rem; }
  .Index .section2 .box ul li:last-child dl dd h5 sup { font-size: 0.3rem; }
  .Index .section2 .box ul li:last-child dl dd h6 { font-size: 0.26rem; margin-top: 0.1rem; }
  .Index .section3 { padding: 0.8rem 0 0; }
  .Index .section3 .title-box { width: 100%; }
  .Index .section3 .box { height: auto; }
  .Index .section3 .box .column { width: 100%; transform: translateY(0) !important; }
  .Index .section3 .box .column .item { position: relative; border-radius: 0.3rem; overflow: hidden; margin-top: 0.4rem; transition: all .36s ease-in-out; }
  .Index .section3 .box .column .item img { width: 100%; }
  .Index .section3 .box .column .item .text { width: 100%; }
  .Index .section3 .box .column .item .text p { font-size: 0.26rem; margin-top: 0.2rem; line-height: 1.5; }
  .Index .section3 .box .column .item .text .more { width: 2.3rem; height: 0.6rem; font-size: 0.26rem; margin-top: 0.25rem; border-radius: 0.3rem; }
  .Index .section3 .box .column .item .text .more i { font-size: 0.16rem; }
  .Index .section3 .box .column .item:first-child { margin-top: 0.3rem; }
  .Index .section3 .box .column:nth-child(2) { margin-top: 0.1rem; }
  .Index .section4 { padding: 0.8rem 0 0; }
  .Index .section4 .box { height: 4.9rem; }
  .Index .section4 .box img { height: 100%; }
  .Index .section4 .box .play-btn { height: auto; }
  .Index .section5 { padding: 0.8rem 0; background: linear-gradient(358.82deg, #fff 0%, #eef3ef 100%); }
  .Index .section5 .slide-box { --swiper-navigation-color: #fff; --swiper-navigation-size: 0.6rem; }
  .Index .section5 .slide-box .slide { height: 4.9rem; }
  .Index .section5 .slide-box .slide .swiper-slide img { height: 100%; }
  .Index .section5 .slide-box .swiper-button-next { right: 0.3rem; }
  .Index .section5 .slide-box .swiper-button-prev { left: 0.3rem; }
  .Index .section5 .thumbs .swiper-wrapper { justify-content: flex-start; }
  .Index .section5 .thumbs .swiper-slide img { height: 1rem; }
  .Index .section5 .thumbs .swiper-slide .btn-play { width: 0.42rem; height: auto; }
  .Index .section6 { padding-top: 0.8rem; }
  .Index .section6 .imgs { margin-top: 0.3rem; animation: scroll infinite 10s linear; }
  .Index .section6 .imgs .item { flex: 0 0 5.08rem; height: 3.98rem; }
  .Index .section6 .imgs .item .iconfont { font-size: 0.45rem; right: 0.4rem; bottom: 0.4rem; }
  .Index .section6 .imgs .item:nth-child(even) { flex: 0 0 3.16rem; }
  .Index .news { padding: 1.2rem 0 0; }
  .Index .news .slide { height: 7.5rem; }
  .Index .news .slide .swiper-slide { flex: 0 0 100%; }
  .Index .news .slide .swiper-slide img { width: 100%; border-radius: 0.3rem; }
  .Index .news .slide .swiper-slide .text { padding-top: 0.3rem; }
  .Index .news .slide .swiper-slide .text h3 { font-size: 0.3rem; line-height: 1.4; }
  .Index .news .slide .swiper-slide .text p { font-size: 0.26rem; line-height: 1.6; margin: 0.2rem 0 0.3rem; }
  .Index .news .slide .swiper-slide .text .more { font-size: 0.26rem; }
  .Index .news .slide .swiper-slide .text .more i { font-size: 0.2rem; }
  .Index .news .slide .swiper-slide.active { flex: 0 0 100%; }
  .Index .news .slide .swiper-pagination { bottom: 0; }
  .Index .news .slide .swiper-pagination-bullet { width: 0.4rem; height: 0.04rem; border-radius: 0; background: #ccc; opacity: 1; }
  .Index .news .slide .swiper-pagination-bullet-active { background: #23915A; }
  .Product .section1 { padding: 0.3rem 0 0.7rem; }
  .Product .section1 ul li { width: 100%; padding: 0.4rem; margin-top: 0.3rem; }
  .Product .section1 ul li img { width: 0.54rem; }
  .Product .section1 ul li h3 { font-size: 0.3rem; margin: 0.3rem 0 0.2rem; }
  .Product .section1 ul li p { font-size: 0.26rem; line-height: 1.7; }
  .Product .section2 .title-box { padding: 0.3rem; }
  .Product .section2 .title-box h2 { flex-wrap: wrap; }
  .Product .section2 .title-box h2 i { width: 100%; font-size: 0.26rem; justify-content: flex-end; margin-top: 0.1rem; }
  .Product .section2 .title-box h2 i span { font-size: 0.4rem; margin: 0 0.15rem 0 0.3rem; position: relative; top: -0.05rem; }
  .Product .section2 .left { width: 100%; padding: 0; }
  .Product .section2 .left .cs { padding: 0 0.3rem 0.5rem; }
  .Product .section2 .left .cs table tr th { font-size: 0.3rem; padding: 0.2rem 0.3rem; }
  .Product .section2 .left .cs table tr td { font-size: 0.26rem; padding: 0.2rem 0.3rem; }
  .Product .section2 .left .cs table tr td span { font-size: 0.4rem; }
  .Product .section2 .right { width: 100%; height: auto; position: relative; }
  .Product .section2 .right img { display: none; }
  .Product .section2 .right .zw { padding: 0.4rem; position: relative; }
  .Product .section2 .right .zw img { display: block; }
  .Product .section2 .right .zw p { font-size: 0.26rem; margin-top: 0.1rem; }
  .Product .order { padding-top: 1rem; }
  .Product.T14E .section1 ul li { width: 100%; }
  .Product.IC12E .section1 ul li { width: 100%; }
  .Product.IC12E .section1 ul li:nth-child(4), .Product.IC12E .section1 ul li:nth-child(5) { width: 100%; }
  .order { padding: 0.5rem 0 1rem; background: url(../images/order-bg-xs.webp) no-repeat bottom/100% #EEF3EF; }
  .order .container { display: flex; justify-content: flex-start; }
  .order .box { width: 100%; margin-top: 0.3rem; }
  .order .box .dsc { font-size: 0.26rem; line-height: 0.47rem; }
  .order .box form { padding: 0.15rem 0.5rem 0.35rem; margin-top: 0.3rem; background: rgba(255, 255, 255, 0.95); }
  .order .box form .row { width: 100%; margin-top: 0; flex-wrap: wrap; }
  .order .box form .row .column { width: 100%; margin-top: 0.3rem; }
  .order .box form .row .column label { font-size: 0.3rem; margin-bottom: 0.15rem; }
  .order .box form .row .column .col .cc { flex: 0 0 1.1rem; font-size: 0.26rem; height: 0.8rem; }
  .order .box form .row .column .col input { height: 0.8rem; font-size: 0.26rem; }
  .order .box form .row .column .col textarea { height: 1.5rem; font-size: 0.26rem; padding: 0.2rem; }
  .order .box form .row.agree { margin-top: 0.3rem; }
  .order .box form .row.agree p { font-size: 0.26rem; display: block; line-height: 0.44rem; }
  .order .box form .row.agree p .check { width: 0.32rem; height: 0.32rem; top: 0.06rem; position: relative; }
  .order .box form .row.agree p .check a { display: inline-block; }
  .order .box form .row.agree p .check:before { width: 0.2rem; height: 0.2rem; }
  .order .box form .row.agree p .check.active:before { opacity: 1; }
  .order .box form .row .btn { width: 100%; height: 0.8rem; font-size: 0.28rem; }
  .order .box form .row .btn i { font-size: 0.22rem; margin-left: 0.15rem; }
  .footer { padding: 0.5rem 0 1.3rem; }
  .footer .container { flex-wrap: wrap; flex-direction: column-reverse; }
  .footer .left { width: 100%; font-size: 0.26rem; text-align: center; margin-top: 0.3rem; line-height: 0.44rem; }
  .footer .right { width: 100%; }
  .footer .right .follow .item { width: 0.7rem; height: 0.7rem; margin-right: 0.15rem; }
  .footer .right .follow .item i { font-size: 0.34rem; }
  .footer .right .tel { font-size: 0.26rem; } }