@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%; background: #fff; font: 16px/1.2 'Poppins-Regular', Microsoft YaHei, system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; color: #000; -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: "Poppins-Regular"; src: url("../fonts/Poppins-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

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

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

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

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

.pageTips .con { width: 660px; 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; }

.container { width: 85.3%; margin: 0 auto; position: relative; transition: all .5s ease; }

.banner { width: 100%; height: 9.5rem; overflow: hidden; position: fixed; left: 0; top: 0; }

.banner .logo { width: 2.7rem; height: 0.6rem; position: absolute; left: 0.85rem; top: 0.25rem; }

.banner .img { width: 100%; }

.banner-z { height: 9.5rem; }

.section { height: auto; overflow: hidden; position: relative; background: #fff; z-index: 1; padding: 1rem 0; }

.section .title { text-align: center; }

.section .title h2 { width: 70%; font-size: 0.46rem; font-weight: bold; line-height: 1.3; margin: 0 auto; font-family: "Poppins-Bold"; text-transform: uppercase; }

.section .title p { font-size: 0.18rem; color: #545561; line-height: 2; margin-top: 0.1rem; }

.section1 { padding: 1rem 0 1.5rem; }

.section1 .text { width: 100%; text-align: center; margin-top: 0.35rem; }

.section1 .text h3 { font-size: 0.28rem; line-height: 1.78; font-family: "Poppins-Medium"; }

.section1 .text p { font-size: 0.18rem; color: #606060; line-height: 2; margin-top: 0.15rem; }

.section2 { padding-bottom: 0 !important; background: #F8F8F8; }

.section2 ul { width: 100%; height: 9.5rem; margin-top: 0.45rem; display: flex; }

.section2 ul li { width: 20%; height: 100%; position: relative; transition: all .8s; overflow: hidden; }

.section2 ul li a { width: 100%; height: 100%; display: block; }

.section2 ul li a:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }

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

.section2 ul li .text { width: 960px; padding: 0.9rem 1.4rem; position: absolute; left: 0; top: 0; opacity: 0; transform: translateY(10%); transition: all .7s; z-index: 1; }

.section2 ul li .text h2 { font-size: 0.6rem; color: #fff; }

.section2 ul li .text p { font-size: 0.18rem; color: #F8F8F8; margin-top: 0.15rem; line-height: 1.6; }

.section2 ul li .text dl { display: flex; flex-wrap: wrap; margin-top: 0.2rem; }

.section2 ul li .text dl dd { font-size: 0.16rem; color: #fff; height: 0.42rem; padding: 0 0.15rem; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; margin-right: 0.08rem; }

.section2 ul li .text .btn { width: 1.8rem; font-size: 0.16rem; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: 4.8rem; transition: all .5s ease; }

.section2 ul li .text .btn span { width: 0.37rem; height: 0.37rem; line-height: 0.4rem; text-align: center; background: #fff; font-size: 0.18rem; color: #1DAE78; border-radius: 50%; margin-right: 0.15rem; transition: all .5s ease; position: relative; top: -0.01rem; }

.section2 ul li .text .btn:hover span { margin-right: 0.2rem; }

.section2 ul li .txt { width: 3.2rem; padding: 0.5rem; text-align: center; position: absolute; left: 0; bottom: 0; opacity: 1; transition: all .7s .35s; }

.section2 ul li .txt h2 { font-size: 0.28rem; color: #fff; }

.section2 ul li .txt p { font-size: 0.18rem; color: #fff; margin-top: 0.08rem; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.section2 ul li .txt .btn { width: 0.37rem; height: 0.37rem; line-height: 0.37rem; font-size: 0.18rem; color: #eee; border: 1px solid #eee; border-radius: 50%; margin: 0.2rem auto 0; }

.section2 ul li.active { width: 60%; }

.section2 ul li.active .text { opacity: 1; transform: translateY(0); transition: all .7s .35s; }

.section2 ul li.active .txt { opacity: 0; transform: translateY(20%); transition: all .7s; }

.section3 ul { margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.section3 ul li { width: 48%; position: relative; border-radius: 0.15rem; overflow: hidden; }

.section3 ul li img { width: 100%; }

.section3 ul li i { font-size: 0.7rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; }

.section3 ul li .text { width: 100%; padding: 0.9rem 0.3rem 0.3rem; font-size: 0.28rem; color: #fff; text-align: center; background: linear-gradient(180deg, transparent 0%, black 100%); position: absolute; left: 0; bottom: 0; }

.section3 ul li:hover img { transform: scale(1.1); }

.section4 { background: #F2F2F2; }

.section4 .slide { overflow: hidden; }

.section4 .slide .swiper-pagination { bottom: 0.4rem; }

.section4 .slide .swiper-pagination .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; background: #fff; margin: 0 0.06rem; }

.section4 .video { overflow: hidden; position: relative; margin-top: 0.4rem; display: block; border-radius: 0.15rem; }

.section4 .video img { width: 100%; }

.section4 .video .box { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.section4 .video .box i { font-size: 0.7rem; color: #fff; }

.section4 .video .box h3 { font-size: 0.38rem; color: #fff; font-family: "Poppins-Medium"; margin-top: 0.3rem; text-transform: uppercase; }

.section4 .video:hover img { transform: scale(1.1); }

.section4 ul li { margin-top: 0.8rem; }

.section4 ul li:first-child { margin-top: 0; }

.section4 .block { margin-top: 0.8rem; }

.section4 .block .title1 { font-size: 0.34rem; font-family: "Poppins-Bold"; text-align: center; text-transform: uppercase; }

.section4 .block .box { display: flex; justify-content: space-between; margin-top: 0.5rem; padding: 0 0.1rem; }

.section4 .block .box .left, .section4 .block .box .right { width: 34.5%; }

.section4 .block .box .left h3, .section4 .block .box .right h3 { font-size: 0.24rem; line-height: 1.5; font-family: "Poppins-Medium"; }

.section4 .block .box .left ul, .section4 .block .box .right ul { margin-top: 0.4rem; }

.section4 .block .box .left ul li, .section4 .block .box .right ul li { margin-top: 0.2rem; }

.section4 .block .box .left ul li dl, .section4 .block .box .right ul li dl { display: flex; flex-wrap: wrap; justify-content: space-between; }

.section4 .block .box .left ul li dl dd, .section4 .block .box .right ul li dl dd { width: 48%; font-size: 0.16rem; color: #606060; line-height: 1.75; position: relative; padding-left: 0.15rem; margin-bottom: 0.15rem; text-transform: capitalize; }

.section4 .block .box .left ul li dl dd:before, .section4 .block .box .right ul li dl dd:before { content: ""; width: 0.05rem; height: 0.05rem; background: #1DAE78; position: absolute; left: 0; top: 0.1rem; }

.section4 .block .box .left ul li:first-child, .section4 .block .box .right ul li:first-child { padding-bottom: 0.15rem; margin-bottom: 0.3rem; border-bottom: 1px solid rgba(37, 78, 126, 0.1); }

.section4 .block .box .left.right ul li:last-child dl dd, .section4 .block .box .right.right ul li:last-child dl dd { width: 100%; }

.section4 .block .box .center { width: 31%; margin: 0 0.3rem; }

.section4 .block .box .center img { width: 100%; }

.section5 .box { margin-top: 0.4rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.section5 .box .img { width: 50%; overflow: hidden; border-radius: 0.2rem; }

.section5 .box .img img { width: 100%; transition: all .5s ease; }

.section5 .box .img:hover img { transform: scale(1.1); }

.section5 .box ul { width: 46.8%; }

.section5 .box ul li { margin-top: 0.15rem; background: #F2F2F2; padding: 0.34rem 0.4rem; border-radius: 0.12rem; transition: all .5s ease; }

.section5 .box ul li h3 { font-size: 0.22rem; font-family: "Poppins-Bold"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .5s ease; }

.section5 .box ul li p { font-size: 0.18rem; color: #545561; line-height: 1.67; margin-top: 0.13rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .5s ease; }

.section5 .box ul li:hover { background: #1DAE78; }

.section5 .box ul li:hover h3, .section5 .box ul li:hover p { color: #fff; }

.section5 .box ul li:first-child { margin-top: 0; }

.section6 { padding: 0 !important; }

.section6 .title { width: 100%; color: #fff; position: absolute; top: 1.1rem; z-index: 2; text-align: center; }

.section6 .slide { position: relative; overflow: hidden; }

.section6 .slide .swiper-slide { cursor: pointer; }

.section6 .slide .swiper-slide img { width: 100%; }

.section6 .slide .swiper-slide i { font-size: 0.7rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.section6 .tabs { display: flex; position: absolute; right: 1.4rem; bottom: 0.6rem; z-index: 2; }

.section6 .tabs .item { width: 2rem; height: 0.95rem; overflow: hidden; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 0.08rem; position: relative; }

.section6 .tabs .item:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 1; transition: all .5s ease; }

.section6 .tabs .item img { width: 100%; height: 100%; transition: all .5s ease; }

.section6 .tabs .item i { font-size: 0.3rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; transition: all .5s ease; }

.section6 .tabs .item.active:before, .section6 .tabs .item:hover:before { opacity: 0; }

.section6 .tabs .item.active img, .section6 .tabs .item:hover img { transform: scale(1.1); }

.section6 .tabs .item.active i, .section6 .tabs .item:hover i { opacity: 0; }

.section7 { padding-bottom: 0 !important; /* dl{margin-top: px2rem(50);display: flex;flex-wrap: wrap; dd{width: 50%; ul{display: flex;flex-wrap: wrap; li{width: 50%;overflow: hidden; img{width: 100%;height: 100%;} &:first-child{width: 100%;} &:hover{ img{transform: scale(1.1);} } } } &:last-child{ ul{ li{ &:first-child{width: 50%;} &:last-child{width: 100%;} } } } } } */ }

.section7 ul { height: auto; overflow: hidden; margin-top: 0.5rem; }

.section7 ul li { width: 25%; height: 3.36rem; margin: 0 0 .25% .25%; float: left; overflow: hidden; }

.section7 ul li img { width: 100%; height: 100%; }

.section7 ul li:first-child { width: 49.5%; margin: 0; height: 6.78rem; }

.section7 ul li:hover img { transform: scale(1.1); }

.order form { height: auto; overflow: hidden; margin-top: 0.5rem; padding: 0.5rem 0.75rem; background: #F1F1F1; border-radius: 0.1rem; }

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

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

.order form .row .column .t { font-size: 0.22rem; color: #212223; font-family: "Poppins-Bold"; margin-bottom: 0.2rem; display: block; }

.order form .row .column .t i { color: #E02020; }

.order form .row .column .box { width: 100%; background: #fff; border-radius: 0.05rem; position: relative; }

.order form .row .column .box #country { width: 100%; position: relative; }

.order form .row.inputs .column { width: 23.5%; }

.order form .row.inputs .column .box { height: 0.55rem; display: flex; }

.order form .row.inputs .column .box input { width: 0; flex: 1; height: 0.55rem; padding: 0 0.2rem; font-size: 0.2rem; color: #333; }

.order form .row.inputs .column .box .codeVal { flex: 0; width: 1rem; border-right: 1px solid #eee; padding-right: 0; }

.order form .row.checkbox .column .box { padding: 0.35rem 0.35rem 0.05rem; }

.order form .row.checkbox .column .box input[type='checkbox'] { width: 0.18rem; height: 0.18rem; margin-right: 0.08rem; position: relative; top: -0.02rem; accent-color: #1DAE78; }

.order form .row.checkbox .column .box ul { display: flex; flex-wrap: wrap; }

.order form .row.checkbox .column .box ul li { width: 16.66667%; margin-bottom: 0.3rem; }

.order form .row.checkbox .column .box ul li label { display: flex; align-items: center; }

.order form .row.checkbox .column .box ul li p { font-size: 0.2rem; color: #333; }

.order form .row.textarea .column .box textarea { width: 100%; height: 1.2rem; padding: 0.2rem 0.35rem; font-size: 0.2rem; color: #333; }

.order form .row.btnbox input { width: 2rem; height: 0.6rem; font-size: 0.2rem; color: #fff; text-align: center; margin: 0 auto; background: #1DAE78; border-radius: 0.5rem; }

.order form .row:first-of-type { margin: 0; }

.footer { position: relative; z-index: 1; }

.footer .contact { height: auto; overflow: hidden; padding-bottom: 0.8rem; background: #fff; }

.footer .contact .container { display: flex; justify-content: space-between; padding: 0 0.5rem; }

.footer .contact .container .item { display: flex; align-items: center; }

.footer .contact .container .item .icon { width: 0.5rem; height: 0.5rem; fill: #5d5d5d; margin-right: 0.1rem; transition: all .5s ease; }

.footer .contact .container .item .text { color: #5d5d5d; }

.footer .contact .container .item .text h2 { font-size: 0.22rem; transition: all .5s ease; }

.footer .contact .container .item .text p { font-size: 0.2rem; margin-top: 0.05rem; line-height: 1.5; transition: all .5s ease; }

.footer .contact .container .item:hover .icon { fill: #1DAE78; }

.footer .contact .container .item:hover .text { color: #1DAE78; }

.footer .bottom { background: #262626; padding: 0.5rem 0; }

.footer .bottom .follow { display: flex; justify-content: center; margin-bottom: 0.2rem; }

.footer .bottom .follow a { margin: 0 0.2rem; }

.footer .bottom .follow a .icon { width: 0.36rem; height: 0.36rem; }

.footer .bottom .follow a.facebook .icon { fill: #425f9b; }

.footer .bottom .follow a.twitter .icon { fill: #55acee; }

.footer .bottom .follow a.youtube .icon { fill: #e12727; }

.footer .bottom p { font-size: 0.18rem; color: #B7B7B7; text-align: center; }

.mslu_li_icon { width: 40px; height: 40px; 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: 16px; z-index: 98; transition: all .5s ease-in-out; }

.mod_side_list_ul { padding: 32px 0; position: relative; }

.mod_side_list_ul::after { content: ""; width: calc(100% - 14px); height: 100%; border-radius: 50px; 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: 16px; position: relative; cursor: pointer; padding-left: 26px; padding-right: 12px; }

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

.mlii_icon { width: 24px; height: 24px; 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 { position: absolute; top: 50%; transform: translateY(-50%); right: -300px; border-radius: 10px; 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; width: 260px; }

.mlpc_bt p { color: #666; }

.mlpc_mid a { font-size: 20px; line-height: 1.8; color: #0047BA; font-family: 'poppinssemibold'; }

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

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

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

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

.mslu_li_pop_cont { padding: 20px 30px; }

.mod_side_list_back { margin-top: 8px; width: 60px; height: 60px; 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: 14px; cursor: pointer; transition: all .36s; right: -100px; }

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

.mslb_icon_img { width: 23px; height: 23px; }

.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% - 40px); bottom: 20px; left: 50%; background-color: #000; display: none; z-index: 98; transform: translateX(-50%); border-radius: 10px; }

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

.mod_sideph_ul_li { width: 20%; padding: 12px 0; position: relative; }

.mod_sideph_ul_li::after { content: ""; width: 100%; height: 100%; border-radius: 10px; 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: 26px; }

.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: 74px; 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) { .container { width: 100% !important; padding: 0 .3rem; }
  .xs-display { display: block !important; }
  .lg-display { display: none !important; }
  .banner { width: 100%; height: 8.9rem; }
  .banner .logo { width: 2.5rem; height: 0.55rem; left: 0.32rem; top: 0.3rem; }
  .banner-z { height: 8.9rem; }
  .section { padding: 0.8rem 0; }
  .section .title h2 { width: 100%; font-size: 0.36rem; }
  .section .title p { font-size: 0.26rem; margin-top: 0.2rem; line-height: 1.875; }
  .section1 { padding: 1rem 0 1.5rem; }
  .section1 .text { margin-top: 0.35rem; }
  .section1 .text h3 { font-size: 0.3rem; }
  .section1 .text p { font-size: 0.26rem; margin-top: 0.15rem; }
  .section2 ul { height: auto; margin-top: 0.45rem; flex-wrap: wrap; }
  .section2 ul li { width: 100%; height: auto; }
  .section2 ul li .text { width: 100%; padding: 1.2rem 0.5rem; opacity: 1; transform: translateY(0); }
  .section2 ul li .text h2 { font-size: 0.44rem; }
  .section2 ul li .text p { font-size: 0.26rem; margin-top: 0.2rem; }
  .section2 ul li .text dl dd { font-size: 0.26rem; height: 0.6rem; padding: 0 0.2rem; margin-top: 0.08rem; }
  .section2 ul li .text .btn { width: 2.6rem; height: 0.7rem; font-size: 0.26rem; margin-top: 0.6rem; }
  .section2 ul li .text .btn span { width: 0.6rem; height: 0.6rem; line-height: 0.65rem; font-size: 0.3rem; }
  .section2 ul li .txt { opacity: 0; }
  .section2 ul li.active { width: 100%; }
  .section3 ul { margin-top: 0.5rem; }
  .section3 ul li { width: 100%; height: 4.5rem; margin-top: 0.3rem; }
  .section3 ul li img { width: 100%; }
  .section3 ul li i { font-size: 0.8rem; }
  .section3 ul li .text { font-size: 0.3rem; padding: 0.9rem 0.3rem 0.4rem; }
  .section3 ul li:first-child { margin-top: 0; }
  .section4 .video .box { width: 100%; }
  .section4 .video .box i { font-size: 0.65rem; }
  .section4 .video .box h3 { font-size: 0.32rem; margin-top: 0.2rem; }
  .section4 .block .title1 { font-size: 0.32rem; }
  .section4 .block .box { margin-top: 0.5rem; padding: 0 0.1rem; flex-wrap: wrap; }
  .section4 .block .box .left, .section4 .block .box .right { width: 100%; }
  .section4 .block .box .left h3, .section4 .block .box .right h3 { font-size: 0.3rem; }
  .section4 .block .box .left ul, .section4 .block .box .right ul { margin-top: 0.4rem; }
  .section4 .block .box .left ul li, .section4 .block .box .right ul li { margin-top: 0.1rem; }
  .section4 .block .box .left ul li dl dd, .section4 .block .box .right ul li dl dd { font-size: 0.26rem; padding-left: 0.2rem; }
  .section4 .block .box .left ul li dl dd:before, .section4 .block .box .right ul li dl dd:before { width: 0.08rem; height: 0.08rem; top: 0.14rem; }
  .section4 .block .box .left ul li:first-child, .section4 .block .box .right ul li:first-child { padding-bottom: 0.15rem; margin-bottom: 0.3rem; border-bottom: 1px solid rgba(37, 78, 126, 0.1); }
  .section4 .block .box .left.right ul li:last-child dl dd, .section4 .block .box .right.right ul li:last-child dl dd { width: 100%; }
  .section4 .block .box .center { width: 100%; margin: 0.3rem 0; }
  .section5 .box .img { width: 100%; }
  .section5 .box ul { width: 100%; padding-top: 0; }
  .section5 .box ul li { margin-top: 0.25rem; }
  .section5 .box ul li h3 { font-size: 0.3rem; }
  .section5 .box ul li p { font-size: 0.26rem; }
  .section5 .box ul li:first-child { margin-top: 0.25rem; }
  .section6 .title { top: 0.8rem; }
  .section6 .slide .swiper-slide img { height: 7rem; }
  .section6 .slide .swiper-slide i { font-size: 0.8rem; }
  .section6 .tabs { right: auto; left: 0.3rem; bottom: 0.3rem; }
  .section6 .tabs .item { width: 2rem; height: 0.95rem; }
  .section6 .tabs .item i { font-size: 0.4rem; }
  .section7 ul { display: flex; flex-wrap: wrap; }
  .section7 ul li { width: 50%; height: 2.65rem; margin: 0; }
  .section7 ul li:first-child { width: 100%; height: 5.3rem; }
  .order form { padding: 0.5rem 0.4rem 0.7rem; }
  .order form .row { flex-wrap: wrap; margin-top: 0; }
  .order form .row .column { width: 100%; margin-bottom: 0.3rem; }
  .order form .row .column .t { font-size: 0.3rem; margin-bottom: 0.2rem; }
  .order form .row.inputs .column { width: 100%; }
  .order form .row.inputs .column .box { height: 0.7rem; display: flex; }
  .order form .row.inputs .column .box input { height: 0.7rem; font-size: 0.26rem; }
  .order form .row.checkbox .column .box input[type='checkbox'] { width: 0.28rem; height: 0.28rem; margin-right: 0.08rem; }
  .order form .row.checkbox .column .box ul li { width: 50%; }
  .order form .row.checkbox .column .box ul li p { font-size: 0.26rem; }
  .order form .row.textarea .column .box textarea { height: 1.5rem; padding: 0.2rem 0.3rem; font-size: 0.26rem; }
  .order form .row.btnbox { margin-top: 0.2rem; }
  .order form .row.btnbox input { width: 2.5rem; height: 0.7rem; font-size: 0.28rem; }
  .order form .row:first-of-type { margin: 0; }
  .footer .bottom .follow a { margin: 0 0.2rem; }
  .footer .bottom .follow a .icon { width: 0.5rem; height: 0.5rem; }
  .footer .bottom p { font-size: 0.26rem; line-height: 1.7; } }