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

html, body { line-height: normal; position: relative; margin: 0 auto; max-width: 768px; }

body { font-size: .24rem; color: #000; font-family: "SourceHanSans-Regular", -apple-system, "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, iframe { margin: 0; padding: 0; }

img, article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, b { font-size: 100%; font-weight: normal; }

fieldset, img { border: 0; }

img { object-fit: cover; max-width: 100%; }

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

ol, ul { list-style: none; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; }

a, label, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }

input, select, button { font: 100% arial, sans-serif, \5b8b\4f53; vertical-align: baseline; border: 0; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }

input[type=checkbox], input[type=radio] { vertical-align: middle; }

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

textarea { border: 0; outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font: 100% arial, sans-serif, \5b8b\4f53; }

table { border-collapse: collapse; border-spacing: 0; }

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

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

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

/* weuicss覆盖 */
@media only screen and (min-width: 400px) { html { font-size: 56px !important; } }

.weui-picker-container { height: 100%; background: rgba(0, 0, 0, 0.5); }

.weui-picker-modal, .weui-picker-modal .picker-modal-inner, .weui-select-modal .weui-cells { max-height: 5rem; font-size: .3rem; }

.toolbar, .toolbar .title { font-size: .28rem; line-height: 1rem; }

.toolbar .toolbar-inner { height: 1rem; }

.toolbar .picker-button { height: 1rem; line-height: 1rem; }

.weui-popup__modal { max-width: 100%; overflow: hidden; }

.weui-picker-modal .picker-items { font-size: .28rem; text-align: center; }

.weui-toast { width: auto; height: auto; padding: 0; min-width: 2rem; }

.weui-icon_toast { font-size: .8rem; margin: .3rem 0 0; }

.weui-toast_content, .weui-toast--text { font-size: .28rem; padding: .15rem .2rem; }

.weui-icon_toast.weui-icon-success-no-circle:before { font-size: 100%; }

.weui-dialog { max-width: 5.5rem; }

.weui-dialog__hd { padding: .4rem 1.6rem .3rem; }

.weui-dialog__title { font-size: .3rem; }

.weui-dialog__bd { font-size: .28rem; }

.weui-dialog__ft { font-size: .3rem; }

.weui-picker-calendar { height: 6rem; max-height: 6rem; }

.picker-calendar-month-picker, .picker-calendar-year-picker { line-height: 1rem; }

.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only { height: 1rem; line-height: 1rem; }

i.icon.icon-next, i.icon.icon-prev { width: .3rem; height: .3rem; margin-top: -.05rem; }

.picker-calendar-month-picker .current-month-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-year-value { height: 1rem; }

.picker-calendar-week-days { height: .4rem; }

.picker-calendar-row { height: auto; padding: .08rem 0; }

.weui-swiped-btn { display: flex; align-items: center; padding: 0 .3rem; }

.weui-loadmore { font-size: .24rem; margin: .15rem auto; }

.weui-loading { width: .36rem; height: .36rem; }

/* swipercss 样式覆盖 */
.swiper-pagination-bullet-active { background: #fff; }

.pd30 { padding: .3rem; }

.pdlr30 { padding: 0 .3rem; }

.pdtb30 { padding: .3rem 0; }

.mr30 { margin: .3rem; }

.mrlr30 { margin: 0 .3rem; }

.mrtb30 { margin: .3rem 0; }

.pd20 { padding: .2rem; }

.pdlr20 { padding: 0 .2rem; }

.pdtb20 { padding: .2rem 0; }

.mr20 { margin: .2rem; }

.mrlr20 { margin: 0 .2rem; }

.mrtb20 { margin: .2rem 0; }

.fl { float: left; }

.fr { float: right; }

.cl { clear: both; }

.container { height: auto; overflow: hidden; max-width: 768px; margin: 1rem auto 0; position: relative; z-index: 0; }

.mask-black { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 50; bottom: 0; right: 0; left: 0; top: 0; display: none; }

.load-more { text-align: center; margin: .4rem 0; color: #999; font-size: .24rem; }

.load-more .iconfont { font-size: .4rem; color: #999; }

.weui-picker-modal .picker-item { height: .8rem; line-height: .8rem; }

.weui-picker-modal .picker-center-highlight { height: .8rem; margin-top: -.4rem; }

.toolbar .picker-button { color: #1A42DC; }

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

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

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

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

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

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

@keyframes rotate360 { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

/*header*/
.header { width: 100%; max-width: 768px; height: 1rem; overflow: hidden; background: #fff; border-bottom: 1px solid #eee; position: fixed; left: 0; top: 0; right: 0; display: flex; justify-content: space-between; padding: 0 .3rem; z-index: 11; margin: 0 auto; transition: all .3s linear; }

.header .logo { width: 2.42rem; margin-top: .2rem; }

.header .logo img { width: 100%; }

.header .other { display: flex; align-items: center; justify-content: flex-end; }

.header .other a { display: block; }

.header .other .tel { font-size: .3rem; color: #FF900B; font-weight: bold; }

.header .other .iconfont { font-size: .4rem; color: #000; margin-left: .35rem; }

.header.up { transform: translateY(-100%); }

.navMenu { overflow-y: auto; background: #fff; display: none; position: fixed; left: 0; right: 0; top: 1rem; margin: auto; z-index: 11; max-width: 768px; border-top: .01rem solid #eee; }

.navMenu .item h3 { display: flex; justify-content: center; align-items: center; font-size: .3rem; line-height: .98rem; padding: 0 .4rem; color: #000; position: relative; }

.navMenu .item h3 i { font-size: .32rem; position: absolute; right: .4rem; top: 0; bottom: 0; margin: auto; display: block; transition: all .3s linear; }

.navMenu .item dl { padding-bottom: .3rem; margin-top: .3rem; border-bottom: 1px solid #E8E8E8; display: none; }

.navMenu .item dl dt { font-size: .28rem; text-align: center; }

.navMenu .item dl dd { padding: 0 .6rem; display: none; flex-wrap: wrap; justify-content: space-between; }

.navMenu .item dl dd a { width: 48%; text-align: center; }

.navMenu .item dl dd a img { width: 100%; margin: 0 auto; }

.navMenu .item dl dd a h3 { font-size: .28rem; }

.navMenu .item dl.active dd { display: flex; }

.navMenu .item ul { display: none; margin-top: 0; }

.navMenu .item ul li { font-size: .28rem; text-align: center; padding-bottom: .3rem; margin-top: .3rem; border-bottom: 1px solid #E8E8E8; margin-bottom: 0; }

.navMenu .item.active h3 i { transform: rotate(180deg); }

.navMenu .item.active dl, .navMenu .item.active ul { display: block; }

.mask-black { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 10; bottom: 0; right: 0; left: 0; top: 0; display: none; }

/* follows */
.follows { height: auto; overflow: hidden; text-align: center; padding: .7rem 0; }

.follows .title { font-size: .28rem !important; color: #333; margin-bottom: 0 !important; }

.follows .title:before { display: none; }

.follows .slide { height: auto; overflow: hidden; margin-top: .2rem; position: relative; padding-bottom: .5rem; }

.follows .slide .swiper-slide h2 { font-size: .4rem; }

.follows .slide .swiper-slide img { width: 3rem; margin: 0 auto; }

.follows .slide .swiper-pagination { bottom: 0; }

.follows .slide .swiper-pagination-bullet { width: .3rem; height: .04rem; margin: 0 5px; border-radius: 0; background: #D5D8E5; opacity: 1; transition: all .3s linear; }

.follows .slide .swiper-pagination-bullet-active { width: .6rem; background: #1A42DC; }

/* footer */
.footer { height: auto; overflow: hidden; background: #F5F5F5; position: relative; z-index: 1; padding: .5rem 0; }

.footer .nav { display: flex; justify-content: center; text-align: center; }

.footer .nav a { font-size: .24rem; color: #A4A4A4; position: relative; padding-right: .3rem; margin-right: .3rem; }

.footer .nav a:after { content: ""; width: 1px; height: 60%; background: #999; position: absolute; right: 0; bottom: .06rem; }

.footer .nav a:last-child { margin: 0; padding: 0; }

.footer .nav a:last-child:after { display: none; }

.footer .bot { font-size: .24rem; color: #A4A4A4; text-align: center; margin-top: .2rem; }

.footer .bot a { color: #A4A4A4; }

.wenjuan-icon { width: 1.2rem; height: auto; overflow: hidden; position: fixed; right: 0; bottom: 6rem; z-index: 2; }

.fixed-right { width: .73rem; height: auto; overflow: hidden; position: fixed; right: 0; bottom: 2rem; z-index: 2; }

.fixed-right .item { width: .73rem; height: .73rem; line-height: .73rem; background: #1A42DC; display: block; text-align: center; margin-bottom: .02rem; }

.fixed-right .item i { font-size: .36rem; color: #fff; display: block; }

.fixed-right .item span { width: 100%; color: #fff; display: block; writing-mode: vertical-rl; letter-spacing: .02rem; position: relative; margin-left: -.02rem; }

.fixed-right .item.big { height: auto; padding: .2rem 0; }

.freetel { width: 85%; height: 3.1rem; padding: 0 .3rem; background: #fff; position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 4; display: none; text-align: center; }

.freetel h1 { font-size: .28rem; color: #666; margin: 1rem 0 .4rem; text-align: center; }

.freetel form { height: auto; overflow: hidden; margin: 0 auto; }

.freetel form .row { height: auto; overflow: hidden; }

.freetel form .row input { width: 65%; height: .8rem; line-height: .8rem; padding: 0 .2rem; font-size: .26rem; color: #666; border: 1px solid #ebebeb; float: left; }

.freetel form .row .btn { width: 35%; height: .8rem; line-height: .8rem; font-size: .26rem; background: #1A42DC; color: #fff; text-align: center; display: block; float: right; }

.freetel .icon-close { position: absolute; right: .3rem; top: .3rem; font-size: .4rem; color: #1A42DC; cursor: pointer; }

.commonTitle { font-size: .48rem; color: #4B4C4D; text-align: center; margin-bottom: .38rem; }

.neiBanner { overflow: hidden; position: relative; }

.neiBanner:before { content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(6, 47, 147, 0) 0%, #002E9D 100%); position: absolute; left: 0; top: 0; opacity: .6; }

.neiBanner img { width: 100%; }

.neiBanner h1 { width: 100%; font-size: .4rem; color: #fff; text-align: center; position: absolute; left: 0; top: 40%; font-weight: bold; }

.neiBanner .text-box { width: 100%; color: #fff; position: absolute; left: 0; bottom: 2.5rem; padding: 0 .5rem; }

.neiBanner .text-box h2 { font-size: .48rem; font-family: "SourceHanSans-Bold"; }

.neiBanner .text-box h4 { font-size: .26rem; margin-top: .2rem; }

/* Nei-page-round */
.Nei-page-round .block { position: relative; z-index: 1; margin-top: -.2rem; }

.Nei-page-round .block:before { content: ""; width: 100%; height: 3rem; background: #fff; border-radius: .3rem .3rem 0 0; position: absolute; left: 0; top: 0; right: 0; margin: -.6rem auto 0; }

.Nei-page-round .block .ncon { background: #fff; }

.Nei-page-round .con-round { position: relative; z-index: 1; margin-top: -.2rem; }

.Nei-page-round .con-round:before { content: ""; width: 100%; height: 3rem; background: #fff; border-radius: .3rem .3rem 0 0; position: absolute; left: 0; top: 0; right: 0; margin: -.6rem auto 0; }

.Nei-page-round .con-round .block { margin-top: 0; }

.Nei-page-round .page-title { padding: 0 .32rem; text-align: center; margin-bottom: .5rem; position: relative; z-index: 1; }

.Nei-page-round .page-title h3 { font-size: .4rem; color: #000; font-family: "SourceHanSans-Bold"; }

.Nei-page-round .page-title p { font-size: .26rem; line-height: .42rem; margin-top: .3rem; }

.neiNav-list { height: auto; overflow: hidden; margin: .4rem 0 .4rem; }

.neiNav-list .swiper-slide { width: auto; }

.neiNav-list a { display: block; text-align: center; font-size: 0.3rem; color: #4B4C4D; padding: 0.16rem 0; }

.neiNav-list a span { position: relative; padding-bottom: 0.16rem; }

.neiNav-list a span::before { display: none; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0.06rem; background-color: #1A42DC; }

.neiNav-list .active a { color: #1A42DC; }

.neiNav-list .active span::before { display: block; }

.noMore { font-size: .28rem; color: #999; text-align: center; padding: .6rem 0; }

.moreBtn { color: #1A42DC; }

.neiTabs1 { height: auto; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 0 0.32rem; margin: 0.7rem 0; }

.neiTabs1 a { width: 2rem; height: 0.76rem; line-height: 0.76rem; text-align: center; font-size: 0.26rem; color: #4B4C4D; background-color: #E9E9E9; }

.neiTabs1 a.active { background-color: #1A42DC; color: #fff; }

.common-btn { width: 1.9rem; line-height: .7rem; font-size: .26rem; color: #000; border-radius: .5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #000; cursor: pointer; }

.common-btn i { font-size: .3rem; vertical-align: -.03rem; transition: margin .3s; }

.common-btn.white { border-color: #fff; color: #fff; }

.common-btn.theme { background: #1A42DC; color: #fff; border-color: #1A42DC; }

.common-btn.theme i { margin-left: .05rem; }

.navNei { height: auto; overflow: hidden; background-color: #FAFAFA; }

.navNei .swiper-slide { width: auto; }

.navNei .swiper-slide.active a { color: #1A42DC; }

.navNei .swiper-slide.active a::before { display: block; }

.navNei a { display: block; text-align: center; font-size: 0.3rem; font-weight: bold; color: #000000; padding: .42rem .3rem; position: relative; }

.navNei a::before { display: none; content: ""; position: absolute; left: 50%; margin-left: -0.2rem; width: 0.4rem; height: 2px; background-color: #1A42DC; bottom: 0; }

.filter { margin-bottom: .4rem; }

.filter .top { padding-bottom: .2rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #efefef; }

.filter .top .left { display: flex; align-items: center; }

.filter .top .left .label { font-size: .3rem; color: #000; font-family: "SourceHanSans-Bold"; margin-right: .5rem; }

.filter .top .left .snav a { font-size: .26rem; margin-right: .4rem; position: relative; padding-bottom: .2rem; }

.filter .top .left .snav a:before { content: ""; width: 0; height: 2px; background: #1A42DC; transition: all .3s linear; position: absolute; left: 0; bottom: -.12rem; }

.filter .top .left .snav a.active { color: #1A42DC; font-family: "SourceHanSans-Medium"; }

.filter .top .left .snav a.active:before { width: 100%; }

.filter form { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: .3rem; }

.filter form .select { height: .8rem; display: flex; align-items: center; margin-right: 0.4rem; }

.filter form .select select { font-size: .26rem; line-height: .8rem; padding-right: .2rem; border: 0; -webkit-appearance: auto; }

.filter form .search { width: 100%; height: .8rem; line-height: .8rem; padding: 0 .3rem; background: #f5f5f5; border-radius: .5rem; position: relative; }

.filter form .search input { width: 100%; height: .8rem; line-height: .8rem; font-size: .26rem; background: none; position: relative; }

.filter form .search i { font-size: .36rem; cursor: pointer; position: absolute; right: .3rem; }

.btn { width: 2.6rem; height: .8rem; line-height: .8rem; background: #1A42DC; font-size: .26rem; color: #fff; display: block; text-align: center; margin: 0 auto; }

/* Index */
.Index .banner { height: auto; overflow: hidden; position: relative; z-index: 1; background: #fff; }

.Index .banner .swiper-slide { height: 11.2rem; position: relative; }

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

.Index .banner .swiper-pagination { bottom: .3rem; }

.Index .banner .swiper-pagination-bullet { width: .15rem; height: .15rem; background: #fff; opacity: 1; margin: 0 .08rem; }

.Index .banner .swiper-pagination-bullet-active { width: .5rem; border-radius: .5rem; }

.Index .block { height: auto; overflow: hidden; padding: .8rem 0; position: relative; }

.Index .block .title { height: auto; margin-bottom: .4rem; text-align: center; color: #000; }

.Index .block .title h2 { font-size: .48rem; font-family: "zihun35"; }

.Index .block .title p { font-size: .26rem; margin-top: .2rem; }

.Index .block .btns { width: 100%; text-align: center; }

.Index .block .btns a { width: 2.75rem; line-height: 0.85rem; font-size: 0.3rem; color: #000; border-radius: 0.5rem; display: inline-block; margin: 0 0.18rem; border: 1px solid #000; }

.Index .block .btns a i { font-size: 0.36rem; vertical-align: -0.03rem; }

.Index .block .btns a.white { border-color: #fff; color: #fff; }

.Index .block .btns a.white:hover { background: #fff; border-color: #fff; color: #000; }

.Index .block.product .title { position: relative; z-index: 1; color: #fff; }

.Index .block.product .bg { width: 100%; height: 4.8rem; position: absolute; left: 0; top: 0; z-index: 0; }

.Index .block.product .bg:before { content: ""; width: 100%; height: 100%; background: rgba(11, 39, 92, 0.4); backdrop-filter: blur(5px); position: absolute; left: 0; top: 0; z-index: 3; }

.Index .block.product .tabs { margin: .4rem 0 .3rem; display: flex; justify-content: center; }

.Index .block.product .tabs .item { font-size: .28rem; color: #fff; font-family: "SourceHanSans-Medium"; margin: 0 .2rem; position: relative; padding-top: .1rem; cursor: pointer; }

.Index .block.product .tabs .item:before { content: ""; width: 0; height: .03rem; background: #fff; position: absolute; left: 0; top: 0; transition: all .3s linear; }

.Index .block.product .tabs .item b { font-size: .3rem; font-weight: bold; margin-left: -.03rem; font-family: Arial; }

.Index .block.product .tabs .item i { font-size: .28rem; }

.Index .block.product .tabs .item span { margin-left: .05rem; }

.Index .block.product .tabs .item.active:before { width: 100%; }

.Index .block.product .slide { height: auto; overflow: hidden; position: relative; padding-bottom: .6rem; }

.Index .block.product .slide .swiper-slide { text-align: center; }

.Index .block.product .slide .swiper-slide img { width: 100%; }

.Index .block.product .slide .swiper-slide h2 { font-size: .36rem; color: #000; margin-top: .25rem; font-family: "SourceHanSans-Medium"; }

.Index .block.product .slide .swiper-slide p { font-size: .26rem; margin-top: .1rem; }

.Index .block.product .slide .swiper-slide .btns { margin-top: .4rem; }

.Index .block.product .slide .swiper-pagination { bottom: 0; display: flex; align-items: center; justify-content: center; }

.Index .block.product .slide .swiper-pagination-bullet { width: .16rem; height: .16rem; background: #333; opacity: 1; margin: 0 .08rem; }

.Index .block.product .slide .swiper-pagination-bullet-active { width: .24rem; height: .24rem; background: #1A42DC; }

.Index .block.product .slide .btn-next, .Index .block.product .slide .btn-prev { position: absolute; top: 35%; left: 0; z-index: 1; }

.Index .block.product .slide .btn-next i, .Index .block.product .slide .btn-prev i { font-size: 0.6rem; color: #666; }

.Index .block.product .slide .btn-next.btn-next, .Index .block.product .slide .btn-prev.btn-next { left: auto; right: 0; }

.Index .block.product .slide .btn-next.swiper-button-disabled, .Index .block.product .slide .btn-prev.swiper-button-disabled { opacity: .2; }

.Index .block.about { height: 10.8rem; background: url(../images/index/about-bg.jpg) no-repeat center/cover; }

.Index .block.about .title { color: #fff; }

.Index .block.about .text { text-align: center; padding: 0 .8rem; }

.Index .block.about .text p { font-size: .26rem; line-height: .44rem; color: #fff; margin-top: .15rem; }

.Index .block.about .text .btns { position: absolute; bottom: .8rem; left: 0; }

.Index .block.news { background: url(../images/index/news-bg.jpg) no-repeat top/cover; }

.Index .block.news .slide { height: auto; overflow: hidden; position: relative; padding: 0 .4rem; }

.Index .block.news .slide .swiper-slide .img { height: 3.5rem; overflow: hidden; }

.Index .block.news .slide .swiper-slide .img img { width: 100%; height: 100%; }

.Index .block.news .slide .swiper-slide .text { background: #fff; padding: 0.3rem 0.35rem; }

.Index .block.news .slide .swiper-slide .text h3 { font-size: 0.24rem; color: #666; background: #ECEDEE; padding: 0.05rem 0.1rem; display: inline-block; }

.Index .block.news .slide .swiper-slide .text h2 { font-size: 0.3rem; line-height: 0.42rem; height: 0.84rem; color: #333; font-family: "SourceHanSans-Medium"; margin-top: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s linear; }

.Index .block.news .slide .swiper-slide .text h4 { font-size: 0.26rem; color: #999; margin-top: 0.2rem; }

.Index .block.news .btns { margin-top: .5rem; }

.Index .block.follow { height: 10.8rem; background: url(../images/index/follow-bg.jpg) no-repeat top/cover; }

.Index .block.follow .title { color: #fff; }

.Index .block.follow ul { width: 90%; display: flex; justify-content: center; margin: 0.8rem auto 0; }

.Index .block.follow ul li { text-align: center; color: #fff; margin: 0 0.2rem; }

.Index .block.follow ul li img { width: 1.92rem; margin: 0 auto; }

.Index .block.follow ul li h3 { font-size: 0.3rem; font-family: "zihun35"; margin: 0.2rem 0 0.15rem; }

.Index .block.follow ul li p { font-size: 0.26rem; font-family: "SourceHanSans-Medium"; }

.Index .block.big { height: 10.8rem; background: url(../images/index/big-bg.jpg) no-repeat center/cover; }

/*Product*/
.Product .neiBanner .text-box { bottom: 0; }

.Product .container { overflow: visible; }

.Product .tabs { width: 100%; display: flex; justify-content: space-between; position: sticky; top: 1rem; left: 0; padding: .32rem; background: #fff; z-index: 2; }

.Product .tabs .swiper-slide { height: .8rem; font-size: .3rem; color: #000; background: #F8F8F8; display: flex; align-items: center; justify-content: center; }

.Product .tabs .swiper-slide.active { background: #1A42DC; color: #fff; }

.Product .block { margin-top: -.2rem; }

.Product .block:before { margin-top: -.3rem; }

.Product .list { padding: 0 .32rem; position: relative; z-index: 1; }

.Product .list li { width: 100%; background: #F6F6F6; padding: 0.2rem 0.45rem 0.65rem; margin-bottom: 0.2rem; }

.Product .list li .img { overflow: hidden; }

.Product .list li .img img { width: 100%; }

.Product .list li .text { text-align: center; margin-top: 0.1rem; }

.Product .list li .text h2 { font-size: 0.36rem; color: #000; transition: all .3s linear; }

.Product .list li .text .btns { width: 100%; margin-top: 0.3rem; display: flex; flex-wrap: wrap; justify-content: center; }

.Product .list li .text .btns a { width: 2.4rem; height: 0.8rem; font-size: 0.3rem; color: #000; border-radius: 0.5rem; display: inline-flex; margin: 0 0.2rem; border: 1px solid #000; justify-content: center; align-items: center; }

.Product .list li .text .btns a i { font-size: 0.36rem; }

/*ProductXq*/
.ProductXq .info { height: auto; overflow: hidden; padding: .32rem; }

.ProductXq .info h1 { font-size: .36rem; color: #4B4C4D; font-weight: bold; }

.ProductXq .info h1 span { font-weight: normal; font-size: .26rem; }

.ProductXq .info ul { height: auto; overflow-y: hidden; overflow-x: auto; margin-top: .2rem; display: flex; }

.ProductXq .info ul li { padding-right: .35rem; margin-right: .35rem; position: relative; min-width: 43%; }

.ProductXq .info ul li h2 { font-size: .28rem; font-weight: bold; color: #4B4C4D; margin-bottom: .05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ProductXq .info ul li p { font-size: .24rem; color: #4B4C4D; }

.ProductXq .info ul li:after { content: ""; width: 1px; height: .8rem; position: absolute; right: 0; top: 0; background: #e2e2e2; }

.ProductXq .info ul li:last-child { padding-right: 0; margin-right: 0; }

.ProductXq .info ul li:last-child:after { display: none; }

.ProductXq .block { height: auto; overflow: hidden; padding: .6rem .32rem; }

.ProductXq .block .title { font-size: .48rem; color: #4B4C4D; text-align: center; margin-bottom: .5rem; }

.ProductXq .block .title span { width: .8rem; height: 1px; background: #dadada; display: inline-block; margin: 0 .3rem; vertical-align: .15rem; }

.ProductXq .block.gailan { padding-bottom: 0; }

.ProductXq .block.gailan .colors { text-align: center; margin-bottom: .6rem; }

.ProductXq .block.gailan .colors .color_i { display: inline-block; margin-right: .5rem; cursor: pointer; transition: all .3s linear; }

.ProductXq .block.gailan .colors .color_i:last-child { margin-right: 0; }

.ProductXq .block.gailan .colors .color_i .yuan { width: .4rem; height: .4rem; border-radius: 50%; display: inline-block; margin-bottom: .15rem; position: relative; }

.ProductXq .block.gailan .colors .color_i .yuan.bg1 { background: #212222; }

.ProductXq .block.gailan .colors .color_i .yuan.bg2 { background: #CB3534; }

.ProductXq .block.gailan .colors .color_i .yuan.bg3 { background: #F4F4F4; }

.ProductXq .block.gailan .colors .color_i .yuan.bg4 { background: #7C838A; }

.ProductXq .block.gailan .colors .color_i .yuan::before { background: linear-gradient(0deg, #fff, rgba(255, 255, 255, 0)); bottom: 47%; content: ""; left: 0; opacity: .3; position: absolute; right: 0; top: 0; }

.ProductXq .block.gailan .colors .color_i p { color: #999; font-size: .26rem; }

.ProductXq .block.gailan .colors .color_i.active .yuan { border: 1px solid #1A1A1A; }

.ProductXq .block.gailan .colors .color_i.active p { color: #000; }

.ProductXq .block.gailan .slideBox { position: relative; opacity: 0; z-index: -1; }

.ProductXq .block.gailan .slideBox .slide { height: auto; overflow: hidden; position: absolute; z-index: -1; }

.ProductXq .block.gailan .slideBox .slide img { width: 80%; margin: 0 auto; }

.ProductXq .block.gailan .slideBox .slide .swiper-next, .ProductXq .block.gailan .slideBox .slide .swiper-prev { position: absolute; left: -.2rem; top: 40%; z-index: 1; }

.ProductXq .block.gailan .slideBox .slide .swiper-next i, .ProductXq .block.gailan .slideBox .slide .swiper-prev i { font-size: .8rem; color: #1A42DC; }

.ProductXq .block.gailan .slideBox .slide .swiper-next.swiper-button-disabled, .ProductXq .block.gailan .slideBox .slide .swiper-prev.swiper-button-disabled { opacity: .5; }

.ProductXq .block.gailan .slideBox .slide .swiper-next { left: auto; right: -.2rem; }

.ProductXq .block.gailan .slideBox.active { opacity: 1; z-index: 1; }

.ProductXq .block.gailan .slideBox.active .slide { position: relative; z-index: 1; }

.ProductXq .block.gailan .btn360 { width: 2.8rem; line-height: .7rem; font-size: .3rem; color: #1A42DC; padding: 0 .2rem; margin: .5rem auto 0; display: block; text-align: center; border: 1px solid #1A42DC; border-radius: .5rem; }

.ProductXq .block.gailan .btn360 i { font-size: .32rem; margin-right: .2rem; vertical-align: -.05rem; }

.ProductXq .block.case { padding: 0; }

.ProductXq .block.case .box { padding: .8rem .32rem; background: url("../images/product-xq-case-bg.jpg") center no-repeat; background-size: cover; }

.ProductXq .block.case .box .slide { overflow: hidden; position: relative; padding-bottom: .6rem; }

.ProductXq .block.case .box .slide img { width: 100%; }

.ProductXq .block.case .box .slide h2 { line-height: 1rem; font-size: .3rem; color: #000; padding: 0 .4rem; background: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ProductXq .block.case .box .slide .swiper-pagination { bottom: 0; }

.ProductXq .block.case .box .slide .swiper-pagination-bullet { width: .3rem; height: .08rem; background: rgba(0, 0, 0, 0.5); opacity: 1; margin: 0 .05rem; border-radius: 0; }

.ProductXq .block.case .box .slide .swiper-pagination-bullet-active { width: .8rem; background: #1A42DC; }

.ProductXq .block.youshi .imgTextLi2 li:nth-child(2n):after, .ProductXq .block.youshi .imgTextLi4 li:nth-child(2n):after { content: ""; clear: both; }

.ProductXq .block.canshu img { width: 100%; }

.ProductXq .block.canshu .table { overflow: auto; }

.ProductXq .block.canshu table { width: 500px; height: auto; overflow: hidden; border-collapse: collapse; margin-top: .3rem; }

.ProductXq .block.canshu table tr { height: auto; overflow: hidden; }

.ProductXq .block.canshu table tr th { height: .8rem; font-size: .3rem; color: #000; background: #eee; }

.ProductXq .block.canshu table tr td { padding: .15rem; border: 1px solid #eee; font-size: .26rem; }

.ProductXq .block.canshu .statement { height: auto; overflow: hidden; margin: 0.4rem 0 0; }

.ProductXq .block.canshu .statement em { font-size: .26rem; color: #333; margin-bottom: .2rem; display: block; }

.ProductXq .block.canshu .statement em i { color: #d30000; }

.ProductXq .block.canshu .statement p { font-size: .24rem; line-height: .42rem; color: #999; }

.ProductXq .block.orderC { padding-top: 0; }

/* ProductXq1 */
.ProductXq1 .content { padding: 0; }

.ProductXq1 .container { width: 87.5%; }

.ProductXq1 .header { position: fixed; }

.ProductXq1 .car-header { width: 100%; padding: 0.15rem 0; position: fixed; left: 0; top: 0; z-index: 26; background: rgba(0, 0, 0, 0.7); transform: translateY(-100%); transition: all .3s linear; }

.ProductXq1 .car-header .container { width: 87.5%; display: flex; justify-content: space-between; align-items: center; }

.ProductXq1 .car-header .left { display: flex; color: #fff; }

.ProductXq1 .car-header .left .pname { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; }

.ProductXq1 .car-header .left .pprice { font-size: 0.16rem; margin-left: 0.4rem; }

.ProductXq1 .car-header .right { display: flex; }

.ProductXq1 .car-header .right .btn { width: auto; height: 0.4rem; font-size: 0.16rem; color: #fff; padding: 0 0.18rem; border: 1px solid #fff; border-radius: 0.5rem; position: relative; display: flex; align-items: center; margin: 0; margin-left: 0.2rem; }

.ProductXq1 .car-header .right .btn:hover { background: #fff; border-color: #fff; color: #000; }

.ProductXq1 .car-header.active { transform: translateY(0); }

.ProductXq1 .neiBanner { overflow: hidden; position: relative; }

.ProductXq1 .neiBanner .img { width: 100%; }

.ProductXq1 .neiBanner .it { width: 9.42rem; position: absolute; left: 0; right: 0; top: 16%; margin: auto; }

.ProductXq1 .neiBanner .tt { font-size: 0.36rem; color: #fff; font-family: "SourceHanSans-Medium"; width: 5.15rem; height: 0.6rem; display: flex; align-items: center; justify-content: center; background: url(../images/productxq1/banner-tt.png) no-repeat center/100%; position: absolute; left: 0; right: 0; bottom: 10%; margin: auto; }

.ProductXq1 .bigVideo { position: relative; }

.ProductXq1 .bigVideo .img { width: 100%; }

.ProductXq1 .bigVideo .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; }

.ProductXq1 .bigVideo .text i { font-size: .8rem; color: #fff; }

.ProductXq1 .bigVideo .text h3 { font-size: .3rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-top: .2rem; }

.ProductXq1 .section { position: relative; }

.ProductXq1 .section .title { font-size: 0.6rem; font-family: "zihun35"; text-align: center; margin-bottom: 0.6rem; }

.ProductXq1 .section .title span { color: #1A42DC; }

.ProductXq1 .appearance { padding: 0.8rem 0; background: url(../images/productxq1/waiguan-bg.jpg) no-repeat top/cover; }

.ProductXq1 .appearance .tabs { display: flex; align-items: center; justify-content: center; }

.ProductXq1 .appearance .tabs .item { cursor: pointer; margin: 0 0.2rem; text-align: center; }

.ProductXq1 .appearance .tabs .item span { width: 0.3rem; height: 0.3rem; border: 0.03rem solid #fff; border-radius: 50%; overflow: hidden; display: block; margin: 0 auto; }

.ProductXq1 .appearance .tabs .item h4 { font-size: 0.2rem; color: #333; font-family: "SourceHanSans-Medium"; opacity: 0; transition: all .3s linear; margin-top: 0.1rem; }

.ProductXq1 .appearance .tabs .item.active span { width: 0.4rem; height: 0.4rem; }

.ProductXq1 .appearance .tabs .item.active h4 { opacity: 1; }

.ProductXq1 .appearance .slide { overflow: hidden; position: relative; margin-top: 0.4rem; }

.ProductXq1 .appearance .slide .slide1 { width: 11.2rem; position: relative; overflow: hidden; margin: 0 auto; }

.ProductXq1 .appearance .slide .slide1 .swiper-slide img { width: 100%; }

.ProductXq1 .appearance .slide .btn-prev, .ProductXq1 .appearance .slide .btn-next { width: 0.64rem; height: 0.71rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }

.ProductXq1 .appearance .slide .btn-prev.btn-prev, .ProductXq1 .appearance .slide .btn-next.btn-prev { left: 0.6rem; background: url(../images/productxq1/btn-prev.png) no-repeat center/100%; }

.ProductXq1 .appearance .slide .btn-prev.btn-next, .ProductXq1 .appearance .slide .btn-next.btn-next { right: 0.6rem; background: url(../images/productxq1/btn-next.png) no-repeat center/100%; }

.ProductXq1 .appearance .slide .btn-prev.swiper-button-disabled, .ProductXq1 .appearance .slide .btn-next.swiper-button-disabled { opacity: .5; }

.ProductXq1 .appearance .btns { display: flex; align-items: center; justify-content: center; }

.ProductXq1 .appearance .btns a { width: 2.4rem; height: 0.7rem; font-size: 0.24rem; color: #000; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.3rem 0.2rem 0.1rem; }

.ProductXq1 .appearance .btns a i { font-size: 0.3rem; margin-left: 0.05rem; transition: all .3s linear; }

.ProductXq1 .appearance .btns a:hover { background: #000; color: #fff; }

.ProductXq1 .appearance .btns a:hover i { color: #fff; }

.ProductXq1 .feature .guide { position: relative; }

.ProductXq1 .feature .guide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; }

.ProductXq1 .feature .guide .bg { width: 100%; }

.ProductXq1 .feature .guide ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; }

.ProductXq1 .feature .guide ul li { flex: 1; text-align: center; cursor: pointer; }

.ProductXq1 .feature .guide ul li img { width: 1.21rem; margin: 0 auto; }

.ProductXq1 .feature .guide ul li h2 { font-size: 0.48rem; color: #fff; font-family: "zihun35"; margin: 0.3rem 0; }

.ProductXq1 .feature .guide ul li h3 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Medium"; }

.ProductXq1 .feature .block { height: auto; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: space-between; }

.ProductXq1 .feature .block .text { width: 37.5%; padding: 0 1.2rem; }

.ProductXq1 .feature .block .text .tt { width: 4.31rem; height: 1.08rem; padding: 0.2rem 0 0 0.26rem; font-size: 0.6rem; color: #333; font-family: "zihun35"; background: url(../images/productxq1/feature-t.png) no-repeat center/100%; position: relative; }

.ProductXq1 .feature .block .text .tt:after { content: ""; width: 0.61rem; height: 0.37rem; background: url(../images/productxq1/feature-t-a.png) no-repeat center/100%; position: absolute; right: -0.6rem; bottom: 0.3rem; }

.ProductXq1 .feature .block .text .ttt { font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Medium"; margin-top: 0.18rem; padding-left: 0.26rem; }

.ProductXq1 .feature .block .text ul { margin-top: 1.4rem; }

.ProductXq1 .feature .block .text ul li { position: relative; font-size: 0.24rem; color: #000; line-height: 0.4rem; margin-top: 0.2rem; padding-left: 0.2rem; }

.ProductXq1 .feature .block .text ul li b { color: #1A42DC; }

.ProductXq1 .feature .block .text ul li:before { content: ""; width: 0.06rem; height: 0.06rem; background: #333; position: absolute; left: 0; top: 0.16rem; }

.ProductXq1 .feature .block .img { width: 62.5%; }

.ProductXq1 .arguments { padding-top: 1.2rem; background: url(../images/productxq1/arguments-bg.jpg) no-repeat top/100%; }

.ProductXq1 .arguments .title { color: #fff; margin-bottom: 1.2rem; }

.ProductXq1 .arguments .box { padding: 0.9rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); }

.ProductXq1 .arguments .box .t { font-size: 0.3rem; color: #000; text-align: center; font-family: "SourceHanSans-Bold"; }

.ProductXq1 .arguments .box ul { width: 80%; display: flex; justify-content: center; margin: 0.65rem auto 0; }

.ProductXq1 .arguments .box ul li { width: 25%; text-align: center; padding: 0 0.5rem; position: relative; }

.ProductXq1 .arguments .box ul li:before { content: ""; width: 1px; height: 100%; background: linear-gradient(180deg, transparent 0%, #000000 50%, transparent 100%); position: absolute; left: 0; top: 0; opacity: .3; }

.ProductXq1 .arguments .box ul li h4 { font-size: 0.18rem; color: #000; }

.ProductXq1 .arguments .box ul li h3 { font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; margin-top: 0.2rem; }

.ProductXq1 .arguments .box ul li:first-child:before { display: none; }

.ProductXq1 .arguments .box .btn { width: 3rem; height: 0.7rem; font-size: 0.24rem; color: #000; display: none; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem auto 0; transition: all .3s linear; cursor: pointer; }

.ProductXq1 .arguments .box .btn i { font-size: 0.3rem; margin-left: 0.05rem; transition: all .3s linear; }

.ProductXq1 .arguments .box .btn:hover { background: #000; color: #fff; }

.ProductXq1 .arguments .box .btn:hover i { color: #fff; }

.ProductXq1 .arguments .box .table-box { display: block; }

.ProductXq1 .arguments .box .table-box .table { width: 100%; overflow: auto; margin-top: 0.5rem; }

.ProductXq1 .arguments .box .table-box .table table { width: 100% !important; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc !important; margin: 0 auto; table-layout: inherit !important; }

.ProductXq1 .arguments .box .table-box .table table td { padding: 0.15rem 0.2rem; border: 1px solid #ccc !important; font-size: 0.16rem !important; }

.ProductXq1 .arguments .box .table-box .table::-webkit-scrollbar { width: 0.1rem; height: 0.1rem; background-color: #eee; cursor: pointer; }

.ProductXq1 .arguments .box .table-box .table::-webkit-scrollbar-thumb { background-color: #4367f5; border-radius: 0.04rem; cursor: pointer; }

.ProductXq1 .arguments .box .table-box .statement { margin-top: 0.4rem; }

.ProductXq1 .arguments .box .table-box .statement em { display: block; margin-bottom: 0.1rem; font-size: 0.16rem; }

.ProductXq1 .arguments .box .table-box .statement em i { color: #D30000; display: inline-block; margin-right: 0.05rem; }

.ProductXq1 .arguments .box .table-box .statement p { line-height: 0.22rem; color: #666; font-size: 0.14rem; padding-left: 0.15rem; }

.ProductXq1 .gallery { padding-top: 1rem; }

.ProductXq1 .gallery ul { height: auto; overflow: hidden; }

.ProductXq1 .gallery ul li { width: 24%; float: left; margin: 1% 0 0 1%; overflow: hidden; position: relative; }

.ProductXq1 .gallery ul li .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: all .3s linear; }

.ProductXq1 .gallery ul li .mask i { font-size: 0.4rem; color: #fff; }

.ProductXq1 .gallery ul li .mask p { font-size: 0.24rem; color: #fff; margin-top: 0.1rem; }

.ProductXq1 .gallery ul li:first-child { width: 49.4%; margin-left: 0; }

.ProductXq1 .gallery ul li:first-child .mask i { font-size: 0.55rem; }

.ProductXq1 .gallery ul li:nth-child(5) .mask { opacity: 1; }

.ProductXq1 .gallery ul li:hover .mask { opacity: 1; }

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

.ProductXq1 .gallery ul li:nth-child(n+6) { display: none; }

.ProductXq1 .order { background: #F3F3F3; margin-top: 1.2rem; display: flex; justify-content: space-between; flex-wrap: wrap; }

.ProductXq1 .order .left, .ProductXq1 .order .right { width: 100%; }

.ProductXq1 .order .left img, .ProductXq1 .order .right img { width: 100%; }

.ProductXq1 .order .left { padding: .7rem .4rem; position: relative; background: #F3F3F3; border-top-right-radius: 0.5rem; }

.ProductXq1 .order .left form { height: auto; overflow: hidden; }

.ProductXq1 .order .left form .row { height: 0.9rem; border-bottom: 1px solid #333; margin-top: 0.25rem; position: relative; display: flex; align-items: center; }

.ProductXq1 .order .left form .row i { font-size: 0.3rem; color: #1A42DC; position: absolute; right: 0; top: 0.22rem; }

.ProductXq1 .order .left form .row input { width: 100%; font-size: 0.3rem; height: 0.9rem; }

.ProductXq1 .order .left form .row select { width: 100%; font-size: 0.3rem; height: 0.9rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.ProductXq1 .order .left form .row .t { font-size: 0.3rem; margin-right: 0.5rem; }

.ProductXq1 .order .left form .row .radio { display: flex; align-items: center; margin-left: auto; }

.ProductXq1 .order .left form .row .radio label { display: flex; align-items: center; margin-left: 0.5rem; cursor: pointer; font-size: 0.3rem; }

.ProductXq1 .order .left form .row .radio label .icon { width: 0.34rem; height: 0.34rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.ProductXq1 .order .left form .row .radio label.active .icon { border-color: #1A42DC; }

.ProductXq1 .order .left form .row .radio label.active .icon:before { content: ""; width: 0.17rem; height: 0.17rem; background: #1A42DC; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ProductXq1 .order .left form .agree { font-size: 0.28rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.ProductXq1 .order .left form .agree .icon { width: 0.4rem; height: 0.4rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.ProductXq1 .order .left form .agree .icon.active:before { content: ""; width: 0.2rem; height: 0.2rem; background: #000; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ProductXq1 .order .left form .agree span { font-weight: bold; cursor: pointer; }

.ProductXq1 .order .left form .btn { width: 100%; height: .9rem; font-size: .3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; background: transparent; border-radius: .5rem; margin: .6rem 0 0; transition: all .3s linear; cursor: pointer; }

.ProductXq1 .agreement { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 100; display: none; }

.ProductXq1 .agreement .iconfont { font-size: 0.46rem; color: #bbb; position: absolute; left: 50%; bottom: 0.4rem; transform: translateX(-50%); cursor: pointer; }

.ProductXq1 .agreement .box { width: 60%; height: 75%; padding: 0.6rem; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.12rem; overflow: auto; }

.ProductXq1 .agreement .box p { font-size: 0.18rem; line-height: 0.3rem; }

/* ProductXq2 */
.ProductXq2 .content { padding: 0; }

.ProductXq2 .container { width: 100%; margin: 0 auto; padding: 0 .3rem; }

.ProductXq2 .header { position: fixed; }

.ProductXq2 .car-header { width: 100%; padding: .2rem 0; position: fixed; left: 0; top: 0; z-index: 26; background: rgba(0, 0, 0, 0.7); transform: translateY(-100%); transition: all .3s linear; }

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

.ProductXq2 .car-header .left { display: flex; color: #fff; }

.ProductXq2 .car-header .left .pname { font-size: .3rem; font-family: "SourceHanSans-Bold"; }

.ProductXq2 .car-header .right { display: flex; }

.ProductXq2 .car-header .right .btn { width: auto; height: .7rem; font-size: .3rem; color: #fff; padding: 0 .3rem; border: 1px solid #fff; border-radius: .5rem; background: transparent; position: relative; display: flex; align-items: center; margin: 0; margin-left: .2rem; }

.ProductXq2 .car-header .right .btn:hover { background: #fff; border-color: #fff; color: #000; }

.ProductXq2 .car-header .right .btn.btn1 { display: none; }

.ProductXq2 .car-header.active { transform: translateY(0); }

.ProductXq2 .neiBanner { height: auto; overflow: hidden; position: relative; }

.ProductXq2 .neiBanner .img { width: 100%; }

.ProductXq2 .neiBanner .tt { font-size: .48rem; color: #fff; font-family: "SourceHanSans-Medium"; position: absolute; left: 0; right: 0; top: 18%; margin: auto; text-align: center; }

.ProductXq2 .neiBanner .title-box { width: 90%; position: absolute; left: 0; right: 0; top: 18%; margin: auto; text-align: center; }

.ProductXq2 .neiBanner .title-box .tt { font-size: .48rem; color: #fff; font-family: "SourceHanSans-Medium"; position: relative; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

.ProductXq2 .neiBanner .title-box p { font-size: .26rem; line-height: .44rem; color: #fff; margin-top: .2rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }

.ProductXq2 .neiBanner ul { width: 100%; padding: 0 .3rem; position: absolute; left: 0; bottom: .7rem; }

.ProductXq2 .neiBanner ul li { width: 100%; margin-top: .4rem; }

.ProductXq2 .neiBanner ul li h3 { font-size: .28rem; color: #fff; margin-bottom: .15rem; padding-bottom: .15rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

.ProductXq2 .neiBanner ul li h4 { font-size: .28rem; color: #fff; }

.ProductXq2 .section { position: relative; }

.ProductXq2 .section .title { font-size: .48rem; text-align: center; margin-bottom: .4rem; }

.ProductXq2 .bigVideo { position: relative; }

.ProductXq2 .bigVideo .img { width: 100%; }

.ProductXq2 .bigVideo .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; }

.ProductXq2 .bigVideo .text i { font-size: .8rem; color: #fff; }

.ProductXq2 .bigVideo .text h3 { font-size: .3rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-top: .2rem; }

.ProductXq2 .acticity { padding: 1rem 0; background: #F0F0F0; }

.ProductXq2 .acticity img { width: 100%; display: block; }

.ProductXq2 .appearance { padding: 1rem 0; background: url(../images/productxq1/waiguan-bg.jpg) no-repeat top/cover; }

.ProductXq2 .appearance .tabs { display: flex; align-items: center; justify-content: center; }

.ProductXq2 .appearance .tabs .item { cursor: pointer; margin: 0 .3rem; text-align: center; }

.ProductXq2 .appearance .tabs .item span { width: .6rem; height: .6rem; border: .03rem solid #fff; border-radius: 50%; overflow: hidden; display: block; margin: 0 auto; }

.ProductXq2 .appearance .tabs .item h4 { font-size: .28rem; color: #333; font-family: "SourceHanSans-Medium"; opacity: 0; transition: all .3s linear; margin-top: .1rem; }

.ProductXq2 .appearance .tabs .item.active span { width: .8rem; height: .8rem; }

.ProductXq2 .appearance .tabs .item.active h4 { opacity: 1; }

.ProductXq2 .appearance .slide { overflow: hidden; position: relative; margin-top: .4rem; }

.ProductXq2 .appearance .slide .slide1 { width: 100%; position: relative; overflow: hidden; margin: 0 auto; }

.ProductXq2 .appearance .slide .slide1 .swiper-slide img { width: 100%; }

.ProductXq2 .appearance .slide .btn-prev, .ProductXq2 .appearance .slide .btn-next { width: .64rem; height: .71rem; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }

.ProductXq2 .appearance .slide .btn-prev.btn-prev, .ProductXq2 .appearance .slide .btn-next.btn-prev { left: .3rem; background: url(../images/productxq1/btn-prev.png) no-repeat center/100%; }

.ProductXq2 .appearance .slide .btn-prev.btn-next, .ProductXq2 .appearance .slide .btn-next.btn-next { right: .3rem; background: url(../images/productxq1/btn-next.png) no-repeat center/100%; }

.ProductXq2 .appearance .slide .btn-prev.swiper-button-disabled, .ProductXq2 .appearance .slide .btn-next.swiper-button-disabled { opacity: .5; }

.ProductXq2 .appearance .btns { display: flex; align-items: center; justify-content: center; }

.ProductXq2 .appearance .btns a { width: 3rem; height: .9rem; font-size: .3rem; color: #000; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: .5rem; margin: .6rem .2rem .1rem; }

.ProductXq2 .appearance .btns a i { font-size: .4rem; margin-left: .05rem; transition: all .3s linear; }

.ProductXq2 .gallery { padding-top: 1rem; }

.ProductXq2 .gallery ul { height: auto; overflow: hidden; }

.ProductXq2 .gallery ul li { width: 48.5%; float: left; margin: 3% 0 0 3%; overflow: hidden; position: relative; }

.ProductXq2 .gallery ul li .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transition: all .3s linear; }

.ProductXq2 .gallery ul li .mask i { font-size: .4rem; color: #fff; }

.ProductXq2 .gallery ul li .mask p { font-size: .3rem; color: #fff; margin-top: .1rem; }

.ProductXq2 .gallery ul li:first-child { width: 100%; margin: 0; }

.ProductXq2 .gallery ul li:first-child .mask i { font-size: .55rem; }

.ProductXq2 .gallery ul li:nth-child(even) { margin-left: 0; }

.ProductXq2 .gallery ul li:nth-child(5) .mask { opacity: 1; }

.ProductXq2 .gallery ul li:nth-child(n+6) { display: none; }

.ProductXq2 .arguments { margin-top: 1.2rem; padding-top: 1.5rem; background: url(../images/productxq1/arguments-bg-xs.jpg) no-repeat top/100%; }

.ProductXq2 .arguments .container { padding: 0 0 .2rem; }

.ProductXq2 .arguments .title { font-size: .48rem; color: #fff; margin-bottom: .5rem; }

.ProductXq2 .arguments .box { padding: .7rem .4rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); }

.ProductXq2 .arguments .box .table-box { display: block; }

.ProductXq2 .arguments .box .table-box .table { width: 100%; overflow: auto; }

.ProductXq2 .arguments .box .table-box .table table { width: 100% !important; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc !important; margin: 0 auto; table-layout: fixed !important; }

.ProductXq2 .arguments .box .table-box .table table td { border: 1px solid #ccc !important; font-size: 0.26rem !important; word-break: break-all; }

.ProductXq2 .arguments .box .table-box .table::-webkit-scrollbar { width: .1rem; height: .1rem; background-color: #eee; cursor: pointer; }

.ProductXq2 .arguments .box .table-box .table::-webkit-scrollbar-thumb { background-color: #4367f5; border-radius: .04rem; cursor: pointer; }

.ProductXq2 .arguments .box .table-box .statement { margin-top: .4rem; }

.ProductXq2 .arguments .box .table-box .statement em { display: block; margin-bottom: .1rem; font-size: .28rem; }

.ProductXq2 .arguments .box .table-box .statement em i { color: #D30000; display: inline-block; margin-right: .05rem; }

.ProductXq2 .arguments .box .table-box .statement p { font-size: .26rem; line-height: .46rem; color: #666; padding-left: .15rem; }

.ProductXq2 .arguments .slide { padding: 0 .3rem; }

.ProductXq2 .arguments .slide .swiper-slide { padding: .9rem .3rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); text-align: center; }

.ProductXq2 .arguments .slide .swiper-slide .tag { height: .7rem; padding: 0 .22rem; font-size: .26rem; font-weight: bold; background: linear-gradient(356.09deg, #d5d5d5 0%, #fff 100%); position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; border-radius: .06rem 0 .2rem 0; }

.ProductXq2 .arguments .slide .swiper-slide .tag.tag1 { color: #0067B2; background: linear-gradient(356.09deg, #91cfea 0%, #fff 100%); }

.ProductXq2 .arguments .slide .swiper-slide h3 { font-size: .32rem; font-weight: bold; }

.ProductXq2 .arguments .slide .swiper-slide h4 { font-size: .28rem; margin-top: .1rem; }

.ProductXq2 .arguments .slide .swiper-slide .line { width: 100%; height: 1px; background: #F0F0F0; margin: .3rem 0; }

.ProductXq2 .arguments .slide .swiper-slide p { font-size: .26rem; color: #666; line-height: .44rem; }

.ProductXq2 .arguments .slide .swiper-slide .btn { width: 3rem; height: .8rem; font-size: .26rem; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .5rem; margin: .4rem auto 0; transition: all .3s linear; cursor: pointer; }

.ProductXq2 .arguments .slide .swiper-slide .btn i { font-size: .3rem; margin-left: .05rem; transition: all .3s linear; }

.ProductXq2 .order { background: #F3F3F3; margin-top: 1.2rem; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column-reverse; }

.ProductXq2 .order .left, .ProductXq2 .order .right { width: 100%; }

.ProductXq2 .order .left img, .ProductXq2 .order .right img { width: 100%; }

.ProductXq2 .order .left { padding: .7rem .4rem; position: relative; background: #F3F3F3; border-top-right-radius: 0.5rem; }

.ProductXq2 .order .left form { height: auto; overflow: hidden; }

.ProductXq2 .order .left form .row { height: 0.9rem; border-bottom: 1px solid #333; margin-top: 0.25rem; position: relative; display: flex; align-items: center; }

.ProductXq2 .order .left form .row i { font-size: 0.3rem; color: #1A42DC; position: absolute; right: 0; top: 0.22rem; }

.ProductXq2 .order .left form .row input { width: 100%; font-size: 0.3rem; height: 0.9rem; }

.ProductXq2 .order .left form .row select { width: 100%; font-size: 0.3rem; height: 0.9rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.ProductXq2 .order .left form .row .t { font-size: 0.3rem; margin-right: 0.5rem; }

.ProductXq2 .order .left form .row .radio { display: flex; align-items: center; margin-left: auto; }

.ProductXq2 .order .left form .row .radio label { display: flex; align-items: center; margin-left: 0.5rem; cursor: pointer; font-size: 0.3rem; }

.ProductXq2 .order .left form .row .radio label .icon { width: 0.34rem; height: 0.34rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.ProductXq2 .order .left form .row .radio label.active .icon { border-color: #1A42DC; }

.ProductXq2 .order .left form .row .radio label.active .icon:before { content: ""; width: 0.17rem; height: 0.17rem; background: #1A42DC; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ProductXq2 .order .left form .agree { font-size: 0.28rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.ProductXq2 .order .left form .agree .icon { width: 0.4rem; height: 0.4rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.ProductXq2 .order .left form .agree .icon.active:before { content: ""; width: 0.2rem; height: 0.2rem; background: #000; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.ProductXq2 .order .left form .agree span { font-weight: bold; cursor: pointer; }

.ProductXq2 .order .left form .btn { width: 100%; height: .9rem; font-size: .3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; background: transparent; border-radius: .5rem; margin: .6rem 0 0; transition: all .3s linear; cursor: pointer; }

.ProductXq2 .agreement { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 100; display: none; }

.ProductXq2 .agreement .iconfont { font-size: .6rem; color: #bbb; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); cursor: pointer; }

.ProductXq2 .agreement .box { width: 90%; height: 78%; padding: .4rem; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: .12rem; overflow: auto; }

.ProductXq2 .agreement .box p { font-size: .26rem; line-height: .44rem; }

.ProductXq2 .arguments-pop { width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 100; opacity: 0; pointer-events: none; display: flex; justify-content: center; flex-direction: column; transition: all .3s linear; }

.ProductXq2 .arguments-pop .table-box { width: 95%; display: block; background: #fff; margin: 0 auto; position: relative; }

.ProductXq2 .arguments-pop .table-box .icon-close { width: .5rem; font-size: .5rem; color: #fff; font-weight: bold; position: absolute; right: 0; bottom: -.8rem; left: 0; margin: auto; }

.ProductXq2 .arguments-pop .table-box .title { font-size: .32rem; text-align: center; padding: .2rem 0; font-weight: bold; border-bottom: 1px solid #ccc; }

.ProductXq2 .arguments-pop .table-box .table { width: 100%; max-height: 50vh; overflow: auto; display: none; }

.ProductXq2 .arguments-pop .table-box .table table { width: 100% !important; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc !important; margin: 0 auto; table-layout: fixed !important; }

.ProductXq2 .arguments-pop .table-box .table table td { border: 1px solid #ccc !important; font-size: 0.26rem !important; word-break: break-all; }

.ProductXq2 .arguments-pop .table-box .table::-webkit-scrollbar { width: .1rem; height: .1rem; background-color: #eee; cursor: pointer; }

.ProductXq2 .arguments-pop .table-box .table::-webkit-scrollbar-thumb { background-color: #4367f5; border-radius: .04rem; cursor: pointer; }

.ProductXq2 .arguments-pop .table-box .statement { padding: .2rem; }

.ProductXq2 .arguments-pop .table-box .statement em { display: block; margin-bottom: .1rem; font-size: .28rem; }

.ProductXq2 .arguments-pop .table-box .statement em i { color: #D30000; display: inline-block; margin-right: .05rem; }

.ProductXq2 .arguments-pop .table-box .statement p { font-size: .26rem; line-height: .46rem; color: #666; padding-left: .15rem; }

.ProductXq2 .arguments-pop.active { opacity: 1; pointer-events: all; }

/*Technology*/
.Technology ul { height: auto; overflow: hidden; padding: 0 .32rem; }

.Technology ul li { height: auto; overflow: hidden; position: relative; margin-bottom: .4rem; }

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

.Technology ul li h2 { font-size: .34rem; color: #fff; position: absolute; left: .4rem; bottom: .25rem; font-weight: bold; }

.Technology ul li h2 i { font-size: .4rem; vertical-align: -.04rem; margin-left: .1rem; }

.Technology ul li:last-child { margin-bottom: 0; }

/*Technology-zn*/
.Technology-zn .bigTitle { font-size: .36rem; text-align: center; color: #000; margin-bottom: .5rem; font-weight: 400; }

.Technology-zn .bigTitlel { position: relative; }

.Technology-zn .bigTitlel span { padding: 0 .3rem; position: relative; z-index: 1; background-color: #fff; }

.Technology-zn .bigTitlel:before { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; z-index: 0; }

.Technology-zn .nei { height: auto; overflow: hidden; }

.Technology-zn .nei .block1 { padding-left: .3rem; padding-right: .3rem; }

.Technology-zn .nei .block1 ul { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; }

.Technology-zn .nei .block1 ul li { position: relative; width: 100%; padding: 0 .3rem 0.3rem; }

.Technology-zn .nei .block1 ul li .icon { width: 0.8rem; margin: 0 auto; text-align: center; }

.Technology-zn .nei .block1 ul li .icon img { width: 100%; display: block; margin: 0 auto; }

.Technology-zn .nei .block1 ul li .text { height: auto; overflow: hidden; text-align: center; padding: .2rem 0; }

.Technology-zn .nei .block1 ul li .text h2 { font-size: .28rem; color: #333; padding-bottom: .2rem; position: relative; margin-bottom: .25rem; }

.Technology-zn .nei .block1 ul li .text h2:after { content: ""; width: .6rem; height: 1px; background: #1A42DC; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.Technology-zn .nei .block1 ul li .text p { font-size: .24rem; color: #666; line-height: .38rem; }

.Technology-zn .block { height: auto; overflow: hidden; padding: .5rem 0; }

.Technology-zn .block h4 { font-size: .24rem; color: #666; line-height: .36rem; text-align: center; }

.Technology-zn .info { height: auto; overflow: hidden; padding: .8rem .3rem 0.5rem; }

.Technology-zn .info h1 { font-size: .45rem; text-align: center; margin-bottom: .4rem; }

.Technology-zn .info p { font-size: .24rem; color: #666; line-height: .48rem; }

.Technology-zn .bgf5 { background-color: #f5f5f5; }

.Technology-zn .bgf5 span { background-color: #f5f5f5; }

.Technology-zn .block2 { padding-left: .3rem; padding-right: .3rem; }

.Technology-zn .block2 img { margin: 0.4rem 0 0.2rem; }

.Technology-zn .block2 p { font-size: .24rem; color: #333; line-height: .42rem; }

/*Technology-js*/
.Technology-js .title { font-size: .36rem; text-align: center; color: #000; margin-bottom: .3rem; font-weight: 400; position: relative; }

.Technology-js .title span { padding: 0 .3rem; position: relative; z-index: 1; background-color: #fff; }

.Technology-js .title:before { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; z-index: 0; }

.Technology-js .st { font-size: .26rem; color: #333; text-align: center; line-height: .38rem; padding: 0 .3rem; margin-bottom: .3rem; }

.Technology-js .block { height: auto; overflow: hidden; margin-top: .7rem; }

.Technology-js .block img { width: 100%; }

.Technology-js .block.block1 ul { padding: 0 .3rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Technology-js .block.block1 ul li { width: 48.5%; margin-bottom: .3rem; }

.Technology-js .block.block1 ul li h2 { font-size: .28rem; color: #333; margin: .15rem 0 .1rem; }

.Technology-js .block.block1 ul li p { font-size: .26rem; color: #666; line-height: .4rem; }

.Technology-js .block.block2 .imgText { height: auto; overflow: hidden; }

.Technology-js .block.block2 .imgText .img, .Technology-js .block.block2 .imgText .text { width: 100%; overflow: hidden; }

.Technology-js .block.block2 .imgText .img img, .Technology-js .block.block2 .imgText .text img { width: 100%; }

.Technology-js .block.block2 .imgText .img h2, .Technology-js .block.block2 .imgText .text h2 { font-size: .32rem; color: #333; margin-bottom: .15rem; }

.Technology-js .block.block2 .imgText .img h3, .Technology-js .block.block2 .imgText .text h3 { font-size: .28rem; color: #333; margin-bottom: .2rem; }

.Technology-js .block.block2 .imgText .img p, .Technology-js .block.block2 .imgText .text p { font-size: .26rem; color: #999; line-height: .4rem; }

.Technology-js .block.block2 .imgText .text { padding: .4rem .3rem; }

/*Technology-xny*/
.Technology-xny .title { font-size: .36rem; text-align: center; color: #000; margin-bottom: .5rem; font-weight: 400; position: relative; }

.Technology-xny .title:before { content: ""; width: 100%; height: 1px; background: #ddd; position: absolute; left: 0; top: 50%; z-index: 0; }

.Technology-xny .title span { padding: 0 .3rem; position: relative; z-index: 1; background-color: #fff; }

.Technology-xny .st { font-size: .26rem; color: #333; text-align: center; line-height: .38rem; padding: 0 .3rem; margin-bottom: .3rem; }

.Technology-xny .block { height: auto; overflow: hidden; margin-top: .7rem; }

.Technology-xny .block img { width: 100%; }

.Technology-xny .block.block1 img { width: 100%; }

.Technology-xny .block.block1 .text { padding: .7rem; background: url("../images/technologyxny/block1-img2.jpg") bottom no-repeat; background-size: 100%; }

.Technology-xny .block.block1 .text h2 { font-size: .28rem; color: #333; margin-bottom: .4rem; display: flex; justify-content: center; align-items: center; }

.Technology-xny .block.block1 .text h2 span { font-size: .3rem; margin-left: .1rem; }

.Technology-xny .block.block1 .text p { font-size: .26rem; line-height: .48rem; }

.Technology-xny .block.block2 img { width: 100%; }

.Technology-xny .block.block2 ul { height: auto; overflow: hidden; padding: .6rem .3rem; }

.Technology-xny .block.block2 ul li { position: relative; margin-bottom: .4rem; }

.Technology-xny .block.block2 ul li img { width: 100%; }

.Technology-xny .block.block2 ul li .text { position: absolute; left: .5rem; top: .5rem; }

.Technology-xny .block.block2 ul li .text h2 { font-size: .3rem; color: #fff; margin-bottom: .3rem; }

.Technology-xny .block.block2 ul li .text p { font-size: .26rem; color: #fff; }

.Technology-xny .block.block2 ul li .t { font-size: .26rem; margin-top: .2rem; display: flex; justify-content: center; align-items: center; }

.Technology-xny .block.block2 ul li .t span { font-size: .3rem; margin-right: .1rem; }

.Technology-xny .block.block2 ul li:last-child { margin: 0; }

.Technology-xny .block.block3 { margin: .3rem 0 .7rem; }

.Technology-xny .block.block3 .slide { height: auto; overflow: hidden; position: relative; }

.Technology-xny .block.block3 .slide .swiper-slide { position: relative; }

.Technology-xny .block.block3 .slide .swiper-slide img { width: 100%; }

.Technology-xny .block.block3 .slide .swiper-slide .text { text-align: center; position: absolute; left: 0; right: 0; top: 1.5rem; margin: auto; }

.Technology-xny .block.block3 .slide .swiper-slide .text h2 { font-size: .36rem; color: #fff; padding-bottom: .3rem; margin-bottom: .3rem; position: relative; }

.Technology-xny .block.block3 .slide .swiper-slide .text h2:after { content: ""; width: .6rem; height: .02rem; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; opacity: .6; }

.Technology-xny .block.block3 .slide .swiper-slide .text p { width: 70%; font-size: .24rem; line-height: .4rem; color: #fff; opacity: .6; margin: 0 auto; }

.Technology-xny .block.block3 .slide .swiper-button-prev:after, .Technology-xny .block.block3 .slide .swiper-button-next:after { display: none; }

.Technology-xny .block.block3 .slide .swiper-button-prev { width: .8rem; height: .8rem; background-image: url("../images/prev.png"); background-size: 100%; }

.Technology-xny .block.block3 .slide .swiper-button-next { width: .8rem; height: .8rem; background-image: url("../images/next.png"); background-size: 100%; }

.Technology-xny .block.block3 .slide .swiper-pagination { bottom: .6rem; }

.Technology-xny .block.block3 .slide .swiper-pagination-bullet { background: #fff; opacity: .5; margin: 0 2px; }

.Technology-xny .block.block3 .slide .swiper-pagination-bullet-active { background: #1A42DC; }

.Technology-xny .block.block4 img { width: 6rem; margin: 0 auto .3rem; }

.Technology-xny .block.block4 p { font-size: .26rem; color: #333; line-height: .48rem; padding: 0 .3rem; }

.Technology-xny .block.block5 ul { height: auto; overflow: hidden; }

.Technology-xny .block.block5 ul li { margin-top: .5rem; }

.Technology-xny .block.block5 ul li h2 { font-size: .3rem; color: #333; text-align: center; margin-bottom: .25rem; }

.Technology-xny .block.block5 ul li .video { position: relative; }

.Technology-xny .block.block5 ul li .video img { width: 100%; }

.Technology-xny .block.block5 ul li .video .play { width: .85rem; height: .85rem; background: url("../images/icon-play.png") center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Technology-xny .block.block5 ul li .text { background: #f5f5f5; padding: .5rem .3rem; }

.Technology-xny .block.block5 ul li .text p { font-size: .26rem; color: #333; line-height: .48rem; }

.Technology-xny .block.block5 ul li:first-child { margin: 0; }

.Technology-xny .block.block6 { margin-bottom: .7rem; }

.Technology-xny .block.block6 .slide { height: auto; overflow: hidden; position: relative; }

.Technology-xny .block.block6 .slide .swiper-slide { position: relative; }

.Technology-xny .block.block6 .slide .swiper-slide .img-box { height: 5.65rem; width: 100%; overflow: hidden; position: relative; }

.Technology-xny .block.block6 .slide .swiper-slide .img-box::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }

.Technology-xny .block.block6 .slide .swiper-slide img { width: 100%; display: block; height: 100%; object-fit: cover; }

.Technology-xny .block.block6 .slide .swiper-slide p { z-index: 5; padding: 0 .3rem; font-size: .26rem; color: #fff; line-height: .48rem; opacity: .8; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-items: center; }

.Technology-xny .block.block6 .slide .swiper-pagination { bottom: .6rem; }

.Technology-xny .block.block6 .slide .swiper-pagination-bullet { width: .55rem; height: 1px; background: #fff; opacity: .5; margin: 0 2px; border-radius: 0; }

.Technology-xny .block.block6 .slide .swiper-pagination-bullet-active { background: #1A42DC; }

/*Solution*/
.Solution ul { height: auto; overflow: hidden; padding: 0 .32rem; }

.Solution ul li { height: auto; overflow: hidden; position: relative; margin-bottom: .4rem; }

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

.Solution ul li .text { height: auto; overflow: hidden; padding: .4rem 0 0; }

.Solution ul li .text h2 { font-size: .4rem; color: #333; margin-bottom: .2rem; }

.Solution ul li .text h3 { font-size: .28rem; color: #333; margin-bottom: .2rem; }

.Solution ul li .text p { font-size: .26rem; color: #999; line-height: .44rem; }

.Solution ul li .text i { font-size: .4rem; color: #bbb; margin-top: .3rem; display: block; }

/*News*/
/* .News{ .big{height: auto;overflow: hidden;padding: 0 .32rem;margin-bottom: .6rem; img{width: 100%;} .text{height: auto;overflow: hidden;padding: .2rem .2rem 0 0; h2{font-size: .3rem;color: #333;font-weight: bold;@include text-ellipsisclamp(2)} p{font-size: .24rem;color: #999;margin-top: .3rem} } } ul{height: auto;overflow: hidden;padding: 0 .32rem; li{height: auto;overflow: hidden;margin-bottom: .6rem; img{width: 3rem;float: right} .text{height: auto;overflow: hidden;padding: .2rem .2rem 0 0; h2{font-size: .3rem;color: #333;@include text-ellipsisclamp(2)} p{font-size: .24rem;color: #999;margin-top: .3rem} } &:last-child{margin-bottom: 0} } } .video-list{ ul{ li{ .img{width: 100%;height: auto;overflow: hidden;position: relative; img{width: 100%;float: none;} &:before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, .3);position: absolute;left: 0;top: 0;z-index: 1;opacity: 1;@include transition;} i{font-size: .8rem;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;} } .text{padding: 0; h3{font-size: .3rem;margin-top: .3rem} p{font-size: .24ren;color: #666;margin-top: .2rem;} } } } } } */
.News .block:before { width: 100%; }

.News .section { position: relative; overflow: hidden; padding: 0 .32rem; }

.News .section .title { font-size: .4rem; font-family: "SourceHanSans-Bold"; position: relative; padding-left: .3rem; margin-bottom: .35rem; }

.News .section .title:before { content: ""; width: .08rem; height: .3rem; background: #1A42DC; position: absolute; left: 0; top: .15rem; }

.News .big-slide .slide { position: relative; overflow: hidden; padding-bottom: .5rem; }

.News .big-slide .slide .swiper-slide { overflow: hidden; }

.News .big-slide .slide .swiper-slide .text h4 { font-size: .26rem; }

.News .big-slide .slide .swiper-slide .text h3 { font-size: .3rem; font-weight: bold; line-height: .46rem; margin: .1rem 0 .25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s linear; }

.News .big-slide .slide .swiper-slide .text p { font-size: .26rem; line-height: .42rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.News .big-slide .slide .swiper-slide .img { border-radius: .2rem; position: relative; overflow: hidden; margin-top: .4rem; }

.News .big-slide .slide .swiper-slide .img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 1; }

.News .big-slide .slide .swiper-slide .img img { width: 100%; height: 100%; }

.News .big-slide .slide .swiper-slide .img .iconfont { font-size: .6rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

.News .big-slide .slide .swiper-pagination { bottom: 0; }

.News .big-slide .slide .swiper-pagination .swiper-pagination-bullet { width: .4rem; height: 2px; background: #E5E5E5; border-radius: 0; opacity: 1; }

.News .big-slide .slide .swiper-pagination .swiper-pagination-bullet-active { background: #1A42DC; }

.News .section2 { margin-top: 0.9rem; }

.News .section2 .slide { overflow: hidden; }

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

.News .section2 .slide .swiper-slide h3 { font-size: .3rem; color: #000; font-family: "SourceHanSans-Medium"; line-height: .46rem; margin-top: .2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.News .section3 { margin-top: 0.9rem; }

.News .section3 .video-list { padding: 0; }

.News .section4 { margin-top: 0.9rem; }

.News .section4 .slide { position: relative; --swiper-navigation-size: .8rem; --swiper-navigation-color: #fff; }

.News .section4 .slide .swiper-slide { position: relative; overflow: hidden; }

.News .section4 .slide .swiper-slide:after { content: ""; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(6, 20, 56, 0) 0%, #1D49B4 100%); position: absolute; left: 0; bottom: 0; transition: all .3s linear; }

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

.News .section4 .slide .swiper-slide h3 { width: 100%; font-size: .3rem; color: #fff; font-family: "SourceHanSans-Medium"; padding: .3rem; position: absolute; left: 0; bottom: 0; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s linear; }

.News .section4 .slide .swiper-button-prev { background: transparent; left: .3rem; }

.News .section4 .slide .swiper-button-next { background: transparent; right: .3rem; }

.video-list { padding: 0 .32rem; }

.video-list ul li { height: 4.3rem; position: relative; overflow: hidden; margin-bottom: .3rem; }

.video-list ul li a:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; }

.video-list ul li .iconfont { font-size: .7rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

.video-list ul li img { width: 100%; height: 100%; }

.video-list ul li h3 { width: 100%; font-size: .3rem; color: #fff; font-family: "SourceHanSans-Medium"; padding: .3rem; position: absolute; left: 0; bottom: 0; z-index: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.video-list ul li:last-child { margin-bottom: 0; }

.news-list { padding: 0 .32rem; margin-top: .4rem; overflow: hidden; }

.news-list ul { overflow: hidden; }

.news-list ul li { padding-bottom: .4rem; margin-bottom: .4rem; border-bottom: 1px solid #EFEFEF; }

.news-list ul li .text h4 { font-size: .26rem; }

.news-list ul li .text h3 { font-size: .3rem; font-weight: bold; line-height: .46rem; margin: .1rem 0 .3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .3s linear; }

.news-list ul li .img { width: 100%; position: relative; overflow: hidden; }

.news-list ul li .img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 1; }

.news-list ul li .img img { width: 100%; height: 100%; }

.news-list ul li .img .iconfont { font-size: 0.6rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

.news-list ul li:last-child { margin-bottom: 0; }

.getMore { margin: 0 auto; }

/* News-video */
.News-video .filter { margin-top: .4rem; }

.big-video { position: relative; z-index: 1; }

.big-video .item { position: relative; }

.big-video .item:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; z-index: 1; }

.big-video .item .iconfont { font-size: .7rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

.big-video .item img { width: 100%; height: 100%; }

.big-video .item h3 { width: 100%; font-size: .3rem; color: #fff; font-family: "SourceHanSans-Medium"; padding: .3rem; position: absolute; left: 0; bottom: 0; z-index: 1; }

/*NewsXq*/
.NewsXq .con { height: auto; overflow: hidden; padding: 0 .32rem; }

.NewsXq .con .title { height: auto; overflow: hidden; margin: .4rem 0; }

.NewsXq .con .title h2 { font-size: .32rem; text-align: center; color: #000; }

.NewsXq .con .title .other { height: auto; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: .2rem; }

.NewsXq .con .title .other span { font-size: .26rem; color: #999; margin: 0 .15rem; }

.NewsXq .con .title .other .share { width: 100%; flex: 1; display: flex; align-items: center; justify-content: flex-end; margin-top: .2rem; }

.NewsXq .con .title .other .share .item { width: .5rem; margin-left: .15rem; cursor: pointer; display: block; background: none; padding: 0; }

.NewsXq .con .title .other .share .item svg { width: .5rem; height: .5rem; }

.NewsXq .con .box { height: auto; overflow: hidden; padding-bottom: 1rem; }

.NewsXq .con .box p { font-size: .28rem; line-height: .44rem; margin-bottom: .15rem; color: #666; }

.NewsXq .con .box p img { display: block; margin: 0 auto; width: 100%; }

.NewsXq .con .box video { width: 100% !important; height: auto !important; }

/*News-zt*/
.News-zt ul { height: auto; overflow: hidden; padding: 0 .32rem; margin-top: .2rem; }

.News-zt ul li { height: auto; overflow: hidden; margin-bottom: .6rem; }

.News-zt ul li img { width: 100%; }

.News-zt ul li .text { height: auto; overflow: hidden; padding-top: .2rem; }

.News-zt ul li .text h2 { font-size: .32rem; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: .05rem; }

.News-zt ul li .text h3 { font-size: .24rem; color: #999; }

.News-zt ul li:last-child { margin-bottom: 0; }

/* about */
.about .block { padding: 0 0.32rem 0.8rem; }

.about .topBox { height: auto; overflow: hidden; text-align: center; color: #4B4C4D; margin-top: 0.3rem; margin-bottom: 0.4rem; position: relative; z-index: 1; }

.about .topBox h2 { font-size: .36rem; margin-bottom: 0.24rem; font-weight: bold; }

.about .topBox p { font-size: .26rem; line-height: 0.5rem; }

.about.about-jiejie .block .img { overflow: hidden; position: relative; }

.about.about-jiejie .block .img img { width: 100%; transition: all .3s linear; }

.about.about-jiejie .block .img i { font-size: .9rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.about.about-jiejie .block .text-box img { display: block; max-width: 100%; }

.about.about-jiejie .block .text-box h2 { font-size: 0.4rem; font-weight: bold; color: #000; margin: 0.5rem 0 0.2rem; font-family: "SourceHanSans-Bold"; }

.about.about-jiejie .block .text-box p { font-size: 0.26rem; color: #4B4C4D; line-height: 0.5rem; margin-bottom: 0.4rem; }

.about.about-jiejie .block .text-box p:last-child { margin-bottom: 0; }

.about.about-jiejie .block ul { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; }

.about.about-jiejie .block ul li { width: 50%; text-align: center; margin-top: .8rem; }

.about.about-jiejie .block ul li i { font-size: .8rem; color: #1A42DC; }

.about.about-jiejie .block ul li h2 { font-size: .26rem; color: #333; }

.about .culture-list ul li { height: auto; overflow: hidden; margin-bottom: 0.2rem; display: flex; align-items: center; padding: 0.36rem 0 0.5rem; }

.about .culture-list ul li:nth-child(2n+1) { background-color: #1A42DC; color: #fff; }

.about .culture-list ul li:nth-child(2n) { background-color: #F6F6F6; color: #1A42DC; }

.about .culture-list ul li span { width: 1.62rem; text-align: center; font-size: 0.8rem; font-weight: 300; }

.about .culture-list ul li .text { flex: 1; height: auto; display: flex; align-items: center; padding-right: 0.44rem; flex-direction: column; justify-content: flex-start; }

.about .culture-list ul li .text h3 { font-size: 0.3rem; margin-bottom: 0.2rem; text-align: left; width: 100%; font-weight: bold; }

.about .culture-list ul li .text p { font-size: 0.24rem; width: 100%; line-height: 0.45rem; }

.about.about-care .times-list { position: relative; padding-top: 1rem; }

.about.about-care .times-list .quan { width: 0.32rem; height: 0.32rem; border-radius: 50%; border: 0.04rem solid #DDDDDD; position: absolute; left: 0.04rem; top: 0; background-color: #fff; }

.about.about-care .times-list::before { content: ""; position: absolute; left: 0.17rem; width: 0.04rem; background-color: #F0F2F6; top: 0; bottom: 0; }

.about.about-care .times-list .times-list-box { margin-bottom: 0.4rem; }

.about.about-care .times-list .times-list-box h1 { margin-bottom: 0.2rem; font-size: 0.4rem; color: #1A42DC; padding-left: 0.62rem; position: relative; }

.about.about-care .times-list .times-list-box h1 span { width: 0.4rem; height: 0.4rem; background: #F3F5F1; border-radius: 100%; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.2rem; text-align: center; line-height: 0.4rem; }

.about.about-care .times-list .times-list-box h1 span i { width: 0.16rem; height: 0.16rem; border-radius: 100%; background-color: #1A42DC; display: inline-block; position: relative; top: -0.06rem; }

.about.about-care .times-list .times-list-box img { display: block; max-width: 100%; }

.about.about-care .times-list .times-list-box .text-box { height: auto; overflow: hidden; }

.about.about-care .times-list .times-list-box .text-box h2 { font-size: 0.3rem; color: #333; line-height: 0.45rem; margin: 0.2rem 0 0.2rem; font-weight: 400; }

.about.about-care .times-list .times-list-box .text-box p { font-size: 0.24rem; color: #666; line-height: 0.5rem; }

.about.about-care .times-list .times-list-box .box-content { margin-left: 0.62rem; overflow: hidden; position: relative; }

.about.about-care .times-list .times-list-box .nav-btn .left { position: absolute; left: 0; top: 20%; z-index: 2; width: 0.6rem; }

.about.about-care .times-list .times-list-box .nav-btn .right { position: absolute; right: 0; top: 20%; z-index: 2; width: 0.6rem; }

.about .contact-list { height: auto; overflow: hidden; }

.about .contact-list ul li { width: 50%; float: left; text-align: center; margin-bottom: 0.6rem; }

.about .contact-list ul li i { color: #1A42DC; font-size: 1rem; }

.about .contact-list ul li h2 { font-size: 0.3rem; color: #333333; margin: 0.2rem 0 0.1rem; }

.about .contact-list ul li p { width: 3rem; margin: 0 auto; font-size: 0.24rem; color: #656565; line-height: 0.4rem; }

.about #allmap { height: 5rem; margin-top: 0.8rem; }

.about #allmap * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.about #allmap a img, .about #allmap img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

/* orderC */
.orderC { height: auto; overflow: hidden; }

.orderC .container-fluid .row { border: 1px solid #E9E9E9; height: 1rem; margin-bottom: 0.25rem; display: flex; align-items: center; padding: 0 0.2rem; }

.orderC .container-fluid .row span { font-size: 0.28rem; color: #999999; }

.orderC .container-fluid .row span i { color: red; }

.orderC .container-fluid .row input { flex: auto; padding: 0.2rem 0; color: #333; font-size: 0.28rem; }

.orderC .container-fluid .btn { display: block; color: #fff; text-align: center; background-color: #1A42DC; font-size: 0.32rem; margin-top: .4rem; }

/* join */
.join .topBox h2 { margin-bottom: 0; }

.join .topBox p { margin-top: 0.24rem; }

.join .mt2 { margin-top: 0.8rem; }

.join ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.6rem; }

.join ul li { flex-shrink: 0; width: 20%; height: auto; overflow: hidden; text-align: center; margin-bottom: 0.5rem; }

.join ul li img { width: 0.88rem; margin: 0 auto 0.22rem; }

.join ul li p { font-size: 0.24rem; color: #333; }

.join .text-box img { display: block; margin-bottom: 0.32rem; }

.join .text-box h2 { font-size: 0.3rem; color: #333; padding: 0.1rem 0; }

.join .text-box h2 span { font-weight: bold; }

.join .text-box p { font-size: 0.24rem; line-height: 0.45rem; margin-bottom: 0.2rem; }

.join .text { margin-bottom: 0.32rem; }

.join-zp .tit { text-align: center; font-size: 0.4rem; color: #333; font-weight: bold; margin-bottom: 0.5rem; }

.join-zp .position-list { height: auto; overflow: hidden; }

.join-zp .position-list li { height: auto; overflow: hidden; border: 0.02rem solid #EEEEEE; margin-bottom: 0.2rem; }

.join-zp .position-list li:active { background-color: #f5f5f5; }

.join-zp .position-list li a { display: block; padding: 0.42rem 0.24rem; }

.join-zp .position-list li .title { display: flex; justify-content: space-between; margin-bottom: 0.24rem; }

.join-zp .position-list li .title h2 { font-size: 0.3rem; color: #333; }

.join-zp .position-list li .title p { font-size: 0.26rem; color: #666; }

.join-zp .position-list li .info { display: flex; justify-content: space-between; font-size: 0.26rem; color: #999; }

.join-zp .liucheng { height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0.6rem; }

.join-zp .liucheng li { width: 45%; margin-bottom: 0.48rem; }

.join-zp .liucheng li img { width: 0.68rem; margin: 0 auto; }

.join-zp .liucheng li h3 { font-size: 0.3rem; color: #333; margin: 0.26rem 0; text-align: center; }

.join-zp .liucheng li p { font-size: 0.24rem; color: #666; line-height: 0.47rem; }

.join-zp .liucheng li p a { color: #1A42DC; }

.join-zp .ad { margin-top: 0.6rem; }

/* join-zp-detail */
.join-zp-detail .top { margin-bottom: 0.2rem; padding: 0.42rem 0.32rem 0.3rem; }

.join-zp-detail .top .title { display: flex; justify-content: space-between; margin-bottom: 0.24rem; }

.join-zp-detail .top .title h2 { font-size: 0.3rem; color: #333; font-weight: bold; }

.join-zp-detail .top .title p { font-size: 0.26rem; color: #666; }

.join-zp-detail .top .info { display: flex; justify-content: space-between; font-size: 0.26rem; color: #999; }

.join-zp-detail .line { height: 0.2rem; background-color: #F4F4F4; }

.join-zp-detail .text-box { height: auto; padding: 0.2rem 0.32rem 0.7rem; }

.join-zp-detail .text-box h2 { font-size: 0.3rem; color: #333; font-weight: bold; margin: 0.4rem 0 0.2rem; }

.join-zp-detail .text-box p { font-size: 0.26rem; color: #666; line-height: 0.48rem; }

/* .Service{ .topBox{height: auto;overflow: hidden;text-align:center;color: #4B4C4D;margin-top: 0.7rem;margin-bottom: 0.4rem; h2{font-size: 0.36rem;margin-bottom: 0.24rem;} p{font-size: 0.24rem;line-height: 0.46rem;padding: 0 .32rem} } .icon-list{height: auto;overflow: hidden; .icon-item{float: left;width: 50%;text-align: center;margin-bottom: 0.54rem; img{width: 0.8rem;margin: 0 auto 0.2rem;} h2{font-size: .3rem;color: #333;font-weight: bold;margin-bottom: .1rem} p{font-size: .26rem;} } } .bz{height: auto;overflow: hidden;margin-bottom: .5rem; .imgText{height: auto;overflow: hidden; .img{width: 100%; img{width: 100%;} } .text{height: auto;overflow: hidden;padding: .4rem .32rem .5rem; h2{font-size: .34rem;color: #000;margin-bottom: .4rem} h3{font-size: .28rem;color: #333;margin: .4rem 0 .2rem} p{font-size: .24rem;color: #999;line-height: .4rem} } } } .video-box{position: relative; span{width:1.38rem;height: 1.38rem;position: absolute;left: 50%;margin-left: -0.69rem;top:50%;margin-top: -0.69rem;z-index: 2;background: url('../images/icon-play.png') center top no-repeat;background-size: cover;} } } */
/* Service */
.Service .section { position: relative; z-index: 1; padding: 0 .32rem; margin-top: 0.7rem; }

.Service .section .title-box { margin-bottom: .25rem; }

.Service .section .title-box h2 { font-size: .4rem; color: #000; font-family: "SourceHanSans-Bold"; position: relative; padding-left: .3rem; }

.Service .section .title-box h2:before { content: ""; width: .08rem; height: .3rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: #1A42DC; }

.Service .section .title-box p { font-size: .26rem; color: #666; margin-top: .2rem; padding-left: .3rem; }

.Service .section .title-box.white h2 { color: #fff; }

.Service .section .title-box.white h2:before { background: #fff; }

.Service .section .title-box.white p { color: #fff; }

.Service .section1 { margin-top: 0; }

.Service .section1 .title { text-align: center; }

.Service .section1 .title h2 { font-size: .4rem; color: #000; font-weight: bold; }

.Service .section1 .title p { font-size: .26rem; color: #000; line-height: .44rem; margin-top: .3rem; }

.Service .section1 .video { margin-top: .6rem; padding: .8rem; position: relative; }

.Service .section1 .video:before { content: ""; width: 100%; height: 100%; background: url(../images/service/section1-video-bg.png) no-repeat center/100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; animation: rotate360 60s infinite; }

.Service .section1 .video i { font-size: .9rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Service .section1 ul li { width: 100%; margin-top: .6rem; display: flex; }

.Service .section1 ul li .icon { width: 1.4rem; margin-right: 0.3rem; }

.Service .section1 ul li .txt { width: 0; flex: 1; }

.Service .section1 ul li .txt h3 { font-size: .3rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: .1rem; }

.Service .section1 ul li .txt h3 span { color: #1A42DC; }

.Service .section1 ul li .txt p { font-size: .26rem; color: #666; line-height: .44rem; }

.Service .section2 ul { display: flex; margin-top: .4rem; }

.Service .section2 ul li { text-align: center; flex: 1; }

.Service .section2 ul li .num { width: 1rem; height: 1rem; font-size: .48rem; color: #000; font-family: "BebasNeue"; display: flex; align-items: center; justify-content: center; margin: 0 auto .2rem; background: url(../images/service/section2-num-bg.png) no-repeat center/100%; }

.Service .section2 ul li h3 { font-size: .3rem; color: #000; font-family: "SourceHanSans-Bold"; margin-bottom: .15rem; }

.Service .section2 ul li p { font-size: .26rem; color: #000; line-height: .42rem; }

.Service .section3 ul li { width: 100%; height: 4rem; padding: .5rem .4rem; border-radius: .08rem; margin-top: .5rem; overflow: hidden; position: relative; }

.Service .section3 ul li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: all .3s linear; }

.Service .section3 ul li .common-btn { margin: .6rem 0 0 .3rem; }

.Service .section4 .box { height: 4.4rem; padding-top: 1rem; background: url(../images/service/section4-bg.jpg) no-repeat center/cover; position: relative; border-radius: 0.08rem; overflow: hidden; }

.Service .section4 .box:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }

.Service .section4 .box h3 { font-size: .3rem; color: #fff; text-align: center; position: relative; z-index: 1; }

.Service .section4 .box ul { display: flex; justify-content: center; position: relative; z-index: 1; margin-top: .4rem; }

.Service .section4 .box ul li { font-size: .24rem; color: #fff; position: relative; padding: 0 .15rem; }

.Service .section4 .box ul li:before { content: ""; width: 1px; height: 60%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: #fff; }

.Service .section4 .box ul li:first-child:before { display: none; }

.Service .section4 .box .common-btn { position: relative; z-index: 1; background: #fff; margin: .5rem auto 0; color: #000; }

.ServiceMap .map { height: auto; overflow: hidden; position: relative; z-index: 1; }

.ServiceMap .map * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.ServiceMap .map a img, .ServiceMap .map img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

.ServiceMap .map .searchBox { height: auto; overflow: hidden; padding: .3rem; position: relative; }

.ServiceMap .map .searchBox .top { height: auto; overflow: hidden; font-size: .24rem; color: #000; }

.ServiceMap .map .searchBox .top .icon-location { font-size: .36rem; color: #004abb; vertical-align: -.05rem; }

.ServiceMap .map .searchBox .top .btnCity { color: #004abb; text-decoration: underline; margin: 0 .2rem; }

.ServiceMap .map .searchBox .top .icon-miaozhun { font-size: .32rem; vertical-align: -.03rem; }

.ServiceMap .map .searchBox .cityBox { width: 6.8rem; height: auto; overflow: hidden; position: absolute; background: #fff; border: 1px solid #c0c0c0; padding: .3rem 0; display: none; }

.ServiceMap .map .searchBox .cityBox ul { width: 50%; float: left; height: 5rem; overflow: auto; }

.ServiceMap .map .searchBox .cityBox ul li { height: .6rem; line-height: .6rem; padding: 0 .7rem; font-size: .24rem; color: #000; }

.ServiceMap .map .searchBox .cityBox ul li.active { background: #f1f1f1; }

.ServiceMap .map .searchBox form { height: auto; overflow: hidden; display: flex; border: .01rem solid #c0c0c0; align-items: center; padding: 0 .3rem; margin-top: .4rem; }

.ServiceMap .map .searchBox form input { height: .8rem; flex: 1; font-size: .24rem; color: #333; }

.ServiceMap .map .searchBox form .icon-search { width: .4rem; font-size: .35rem; }

.ServiceMap .map .searchBox .siteList { height: auto; overflow: hidden; margin-top: .3rem; }

.ServiceMap .map .searchBox .siteList .t { height: auto; overflow: hidden; font-size: .24rem; color: #000; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: .01rem solid #c0c0c0; padding-bottom: .25rem; }

.ServiceMap .map .searchBox .siteList .t span i { color: #ff7e00; }

.ServiceMap .map .searchBox .siteList .t .btnFilter { width: 1.5rem; height: .5rem; line-height: .5rem; border: .01rem solid #004abb; text-align: center; font-size: .24rem; color: #004abb; }

.ServiceMap .map .searchBox .siteList .t .btnFilter i { font-size: .3rem; vertical-align: -.02rem; }

.ServiceMap .map .searchBox .siteList ul { height: 8rem; overflow: auto; }

.ServiceMap .map .searchBox .siteList ul li { padding: .5rem 0; border-bottom: .01rem dashed #c0c0c0; }

.ServiceMap .map .searchBox .siteList ul li h2 { font-size: .24rem; color: #000; margin-bottom: .2rem; }

.ServiceMap .map .searchBox .siteList ul li h2 span { background: #004abb; color: #fff; padding: 0 .1rem; }

.ServiceMap .map .searchBox .siteList ul li p { font-size: .24rem; color: #666; line-height: .36rem; }

.ServiceMap .map .searchBox .siteList ul li p span { padding: .05rem .2rem; border: 1px solid #c0c0c0; margin: .2rem .2rem 0 0; display: inline-block; }

.ServiceMap .map .searchBox .siteList ul li .lx { width: 2.4rem; height: .6rem; line-height: .6rem; background: #eaeaea; color: #333; font-size: .24rem; text-align: center; display: block; margin-top: .4rem; }

.ServiceMap .map .searchBox .siteList .filterBox { height: auto; overflow: hidden; background: #fff; position: absolute; display: none; }

.ServiceMap .map .searchBox .siteList .filterBox span { width: 3.24rem; height: .62rem; line-height: .62rem; background: #eaeaea; font-size: .24rem; color: #333; display: block; float: left; text-align: center; margin: .3rem .3rem 0 0; }

.ServiceMap .map .searchBox .siteList .filterBox span:nth-child(2n) { margin-right: 0; }

.ServiceMap .map .searchBox .siteList .filterBox span.btn { width: 3rem; height: .75rem; line-height: .75rem; background: #004abb; color: #fff; margin: .5rem auto; float: inherit; }

.ServiceMap .map .searchBox .siteList .filterBox span.active { background: #004abb; color: #fff; }

.orderForm { height: auto; overflow: hidden; padding-bottom: .5rem; position: relative; z-index: 1; }

.orderForm .t { font-size: .26rem; color: #333; padding: 0 .3rem .15rem; }

.orderForm .row { height: auto; overflow: hidden; padding: .3rem .32rem 0; }

.orderForm .row h2 { font-size: .26rem; color: #000; margin-bottom: .2rem; }

.orderForm .row h2 i { color: #d30000; }

.orderForm .row .input { border: 1px solid #E9E9E9; position: relative; }

.orderForm .row .input input { width: 100%; height: 1rem; padding: 0 .3rem; font-size: .26rem; position: relative; z-index: 2; }

.orderForm .row .input i { width: .65rem; height: 1rem; line-height: 1rem; position: absolute; right: 0; top: 0; font-size: .3rem; color: #999; z-index: 1; text-align: center; }

.orderForm .row textarea { width: 100%; height: 4rem; border: 1px solid #E9E9E9; padding: .3rem; font-size: .26rem; }

.orderForm .btnBox { height: auto; overflow: hidden; text-align: center; margin-top: .6rem; padding: 0 0.32rem; }

.orderForm .btnBox a { width: 3.2rem; height: .85rem; line-height: .85rem; background: #EEEEEE; font-size: .26rem; color: #333; text-align: center; display: block; float: right; border-radius: .5rem; }

.orderForm .btnBox a.btnSubmit { background: #1A42DC; color: #fff; float: left; }

/* videoPop */
.videoPop { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; right: 0; z-index: 51; max-width: 768px; margin: auto; display: none; }

.videoPop .top { height: auto; overflow: hidden; display: flex; justify-content: space-between; justify-items: center; }

.videoPop .top span { font-size: .26rem; color: #fff; line-height: .65rem; padding: 0 .3rem; }

.videoPop .top span.other { background: rgba(0, 0, 0, 0.3); padding-left: 0; }

.videoPop .top span.other a { font-size: .3rem; padding-left: .5rem; display: inline-block; }

.videoPop .box { height: 6rem; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000000; }

.videoPop .box .title { width: 100%; font-size: .26rem; color: #fff; padding: .35rem .3rem; }

.videoPop .box video { width: 100%; max-height: 86%; }

.NeiCPage .con { height: auto; overflow: hidden; padding: .32rem; }

.NeiCPage .con .title { font-size: .36rem; color: #333; padding-bottom: .15rem; margin-bottom: .2rem; border-bottom: .01rem solid #ddd; }

.NeiCPage .con .text-box { height: auto; overflow: hidden; }

.NeiCPage .con .text-box h2 { font-size: .3rem; color: #333; }

.NeiCPage .con .text-box p { font-size: .24rem; color: #333; line-height: .48rem; }

.legal { height: auto; overflow: hidden; padding: .6rem .3rem .3rem; }

.legal h2 { font-size: .32rem; font-weight: bold; color: #333; margin-bottom: .3rem; }

.legal h3 { font-size: .28rem; line-height: .46rem; color: #333; margin-bottom: .2rem; font-weight: bold; }

.legal p { font-size: .26rem; line-height: .46rem; color: #333; margin-bottom: .2rem; }

.legal table { width: 100%; border-collapse: collapse; font-size: .26rem; margin-bottom: .2rem; }

.legal table td { padding: .2rem; line-height: .4rem; border: 1px solid #999; }

.searchBox-fixed { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 60; }

.searchBox-fixed .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }

.searchBox-fixed .search-box { background-color: #fff; margin: 0.17rem 0.3rem; height: 0.76rem; border-radius: 0.4rem; position: relative; }

.searchBox-fixed .search-box i { display: block; position: absolute; left: 0.3rem; top: 0; bottom: 0; line-height: 0.76rem; }

.searchBox-fixed .search-box input { display: block; width: 88%; padding: 0.24rem 0; font-size: 0.26rem; color: #333; padding-left: 12%; }

/* 公用视频弹出 */
.video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background: rgba(0, 0, 0, 0.7); }

.video-popup .btn-close { position: absolute; right: 5%; top: 5%; transition: all .3s linear; }

.video-popup .btn-close .icon { width: 0.3rem; }

.video-popup .btn-close:hover { transform: rotate(180deg); }

.video-popup .video-popup-box { width: 12rem; max-height: calc(100vh - 260px); margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.video-popup .video-popup-box video { width: 100%; height: 100%; object-fit: cover; }

.Technology-rk .neiNav-list { padding: 0 .4rem; }

.Technology-rk .neiNav-list .swiper-slide { margin-right: .32rem; }

.Technology-rk .block:before { display: none; }

.Technology-rk .block .container { margin: 0; }

.Technology-rk .block .topBox { padding: 0 .4rem; }

.Technology-rk .block .topBox h3 { font-size: .44rem; font-weight: bold; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: .26rem; text-align: center; }

.Technology-rk .block .topBox h3 img { display: block; margin: 0 auto; }

.Technology-rk .block .topBox p { font-size: .26rem; color: #333; text-align: center; line-height: .46rem; }

.Technology-rk .block1 { padding: 0 .32rem; }

.Technology-rk .block1 .container { height: 3.84rem; background: url(../images/technology-rk/bg-block1.jpg) center top no-repeat; background-size: cover; }

.Technology-rk .block1 .topBox { padding: .65rem 0 0; }

.Technology-rk .block1 .topBox h3 { margin-bottom: .2rem; }

.Technology-rk .block1 .topBox img { width: 2.68rem; }

.Technology-rk .block1 .topBox p { color: #fff; }

.Technology-rk .block1 .box img { display: block; margin: 0 auto; width: 100%; }

.Technology-rk .block2 { margin-top: .98rem !important; }

.Technology-rk .block2 .topBox { padding-bottom: .4rem; }

.Technology-rk .block2 .box { padding-left: .4rem; }

.Technology-rk .block2 .box .text-box { text-align: center; }

.Technology-rk .block2 .box .text-box img { margin: .34rem auto .09rem; }

.Technology-rk .block2 .box .text-box h4 { font-family: "SourceHanSans-Bold"; font-size: .28rem; color: #333; }

.Technology-rk .block3 { margin-top: 1.1rem !important; background: url(../images/technology-rk/bg-block3.png) center bottom no-repeat #0B2655; background-size: 100%; height: 12.98rem; }

.Technology-rk .block3 .topBox { padding: 1rem .4rem .6rem; }

.Technology-rk .block3 .topBox h3 { color: #fff; }

.Technology-rk .block3 .topBox p { color: #fff; }

.Technology-rk .block3 .box ul li { padding: 0 .4rem .4rem; }

.Technology-rk .block3 .box ul li h4 { font-family: "SourceHanSans-Bold"; font-size: .3rem; color: #fff; padding-bottom: .2rem; text-align: center; }

.Technology-rk .block3 .box ul li p { background: rgba(0, 141, 235, 0.2); height: .7rem; line-height: .7rem; margin-bottom: 2px; }

.Technology-rk .block3 .box ul li p span { font-size: .26rem; color: #fff; opacity: .9; position: relative; padding-left: .17rem; margin-left: 2.28rem; }

.Technology-rk .block3 .box ul li p span::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -.02rem; width: .04rem; height: .04rem; border-radius: 100%; background-color: #fff; }

.Technology-rk .block4 { margin-top: 1rem !important; padding-bottom: 1.8rem; position: relative; background: url("../images/technology-rk/bg-block4.png") center bottom no-repeat; background-size: 100%; }

.Technology-rk .block4 .topBox { padding-bottom: .44rem; }

.Technology-rk .block4 .topBox h3 { margin-bottom: 0; }

.Technology-rk .block4 .box ul { display: flex; justify-content: center; flex-wrap: wrap; }

.Technology-rk .block4 .box ul li { text-align: center; cursor: pointer; width: 50%; margin-bottom: .6rem; }

.Technology-rk .block4 .box ul li:nth-child(-n+3) { width: 33.3%; }

.Technology-rk .block4 .box ul li img { transition: all .3s linear; width: 2.19rem; margin: 0 auto; }

.Technology-rk .block4 .box ul li p { transition: all .3s linear; font-size: .26rem; font-family: "SourceHanSans-Bold"; color: #000; line-height: .4rem; }

.Technology-rk .block4 .waves { width: 100%; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; }

.Technology-rk .block4 .editorial { width: 100%; height: 10vh; position: absolute; left: 0; bottom: 0; }

.Technology-rk .block4 .editorial .parallax use { animation: move-forever 12s linear infinite; transform-origin: 50% 50%; }

.Technology-rk .block4 .editorial .parallax use:nth-child(1) { animation-delay: -2s; }

.Technology-rk .block4 .editorial .parallax use:nth-child(2) { animation-delay: -2s; animation-duration: 5s; }

.Technology-rk .block4 .editorial .parallax use:nth-child(3) { animation-delay: -4s; animation-duration: 3s; }

.Technology-rk .block4 .more { position: absolute; left: 50%; margin-left: -1.2rem; bottom: .6rem; z-index: 3; width: 2.4rem; height: .7rem; display: flex; justify-content: center; align-items: center; border: 1px solid #666; font-size: .28rem; border-radius: .4rem; }

.Technology-rk .block4 .more span { font-size: .26rem; margin-left: .1rem; }

.Technology-rk .block4 .more span.active { transform: rotate(180deg); }

.Technology-rk .block4-box { display: none; }

.Technology-rk .block5 { padding-top: 1rem; background: url("../images/technology-rk/bg-block5.jpg") center top no-repeat; background-size: cover; height: 18.2rem; }

.Technology-rk .block5 .topBox { padding-bottom: .3rem; }

.Technology-rk .block5 .topBox h3, .Technology-rk .block5 .topBox p { color: #fff; }

.Technology-rk .block5 .box img { margin-bottom: .4rem; }

.Technology-rk .block5 .box ul { padding: .2rem .4rem 0; }

.Technology-rk .block5 .box ul li { background-color: #fff; padding: .54rem .8rem 0 .4rem; height: 2.9rem; margin-bottom: .2rem; position: relative; }

.Technology-rk .block5 .box ul li img { width: .55rem; position: absolute; right: .8rem; top: .45rem; }

.Technology-rk .block5 .box ul li h3 { font-family: "SourceHanSans-Bold"; font-size: .3rem; color: #000; margin-bottom: .36rem; }

.Technology-rk .block5 .box ul li p { font-size: .26rem; color: #333333; line-height: .46rem; }

.Technology-rk .block5 .box ul li p span { color: #1249BD; }

.Technology-rk .block4-1 { --swiper-pagination-color: #2581F8; }

.Technology-rk .block4-1 .topBox { padding-bottom: .25rem; text-align: center; display: flex; align-items: flex-start; }

.Technology-rk .block4-1 .topBox img { width: .9rem; margin-right: .2rem; }

.Technology-rk .block4-1 .topBox .text h3 { margin-bottom: .05rem; font-size: .38rem; font-family: "SourceHanSans-Bold"; text-align: left; }

.Technology-rk .block4-1 .topBox .text p { line-height: normal; text-align: left; }

.Technology-rk .block4-1 .text-box { padding: .3rem 0 .5rem; }

.Technology-rk .block4-1 .text-box h3 { font-size: .3rem; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: .2rem; }

.Technology-rk .block4-1 .text-box p { font-size: .26rem; color: #333; line-height: .46rem; }

.Technology-rk .block4-1 .swiper-pagination { bottom: 0; }

.Technology-rk .block4-1 .swiper-pagination .swiper-pagination-bullet { width: .5rem; height: .04rem; border-radius: 0; }

.Technology-rk .block4-1 .swiper-pagination .swiper-pagination-bullet-active { background-color: #2581F8; }

.Technology-rk .block4-1-1 { padding-top: 1.02rem; padding-bottom: .8rem; }

.Technology-rk .block4-1-1 ul { display: flex; justify-content: space-between; }

.Technology-rk .block4-1-1 ul li { width: 49%; position: relative; }

.Technology-rk .block4-1-1 ul li img { width: 100%; aspect-ratio: 330/400; -webkit-aspect-ratio: 330/400; }

.Technology-rk .block4-1-1 ul li .txt { position: absolute; left: .3rem; bottom: .3rem; z-index: 2; }

.Technology-rk .block4-1-1 ul li .txt h3 { color: #fff; font-size: .26rem; font-family: "SourceHanSans-Bold"; }

.Technology-rk .block4-1-1 ul li .txt p { color: #fff; font-size: .24rem; }

.Technology-rk .block4-1-1 .block4-1-1-swiper { margin: 0 .4rem; position: relative; overflow: hidden; padding-bottom: .4rem; }

.Technology-rk .block4-1-2 { height: 12.9rem; background: linear-gradient(41deg, #030E2B 0%, #1C3E7F 100%); }

.Technology-rk .block4-1-2 .topBox { padding: 1rem .4rem 1.04rem; }

.Technology-rk .block4-1-2 .topBox h3, .Technology-rk .block4-1-2 .topBox p { color: #fff; }

.Technology-rk .block4-1-2 .box { padding: 0 .3rem; }

.Technology-rk .block4-1-2 .box img { width: 100%; }

.Technology-rk .block4-1-3 { height: 12.9rem; background: url("../images/technology-rk/tabs/3/bg.jpg") center top no-repeat; background-size: cover; }

.Technology-rk .block4-1-3 .topBox { padding: 1.32rem .4rem .5rem; }

.Technology-rk .block4-1-3 .box { padding: 0 .4rem; }

.Technology-rk .block4-1-3 .box img { width: 100%; }

.Technology-rk .block4-1-3 .box .text { padding-top: .8rem; }

.Technology-rk .block4-1-3 .box .text p { font-size: .26rem; line-height: .46rem; color: #333; }

.Technology-rk .block4-1-3 .box .text dl { display: flex; flex-wrap: wrap; padding-top: .33rem; }

.Technology-rk .block4-1-3 .box .text dl dd { width: 50%; }

.Technology-rk .block4-1-3 .box .text dl dd:nth-child(1), .Technology-rk .block4-1-3 .box .text dl dd:nth-child(2) { padding-bottom: .5rem; }

.Technology-rk .block4-1-3 .box .text dl dd h3 { color: #1247BC; font-size: .24rem; }

.Technology-rk .block4-1-3 .box .text dl dd h3 span { font-size: .4rem; font-family: "SourceHanSans-Bold"; }

.Technology-rk .block4-1-3 .box .text dl dd p { font-size: .26rem; color: #121313; }

.Technology-rk .block4-1-3 .box .text h4 { font-family: "SourceHanSans-Bold"; color: #333; font-size: .3rem; padding-top: .56rem; }

.Technology-rk .block4-1-3 .box .text h4 span { color: #1247BC; }

.Technology-rk .block4-1-4 { padding-bottom: .8rem; }

.Technology-rk .block4-1-4 .topBox { padding: 1rem .4rem .4rem; }

.Technology-rk .block4-1-4 .block4-1-4-swiper { margin: 0 .4rem; position: relative; overflow: hidden; padding-bottom: .4rem; }

.Technology-rk .block4-1-4 .block4-1-4-swiper img { aspect-ratio: 670/400; -webkit-aspect-ratio: 670/400; }

.Technology-rk .block4-1-5 { height: auto; background: linear-gradient(41deg, #030E2B 0%, #1C3E7F 100%); padding-bottom: .8rem; }

.Technology-rk .block4-1-5 .topBox { padding: 1.12rem .4rem .66rem; }

.Technology-rk .block4-1-5 .topBox h3, .Technology-rk .block4-1-5 .topBox p { color: #fff; }

.Technology-rk .block4-1-5 .block4-1-5-swiper { margin: 0 .4rem; position: relative; overflow: hidden; padding-bottom: .2rem; }

.Technology-rk .block4-1-5 .text-box h3 { color: #fff; }

.Technology-rk .block4-1-5 .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.8) !important; }

.Technology-rk .block4-1-5 .swiper-pagination-bullet-active { background-color: white !important; }

.Technology-rk .block4-1-6 { padding-bottom: .82rem; }

.Technology-rk .block4-1-6 .topBox { padding: 1.22rem .4rem .46rem; }

.Technology-rk .block4-1-6 .box { padding: 0 .4rem; }

.Technology-rk .block4-1-6 .box .text { background: url("../images/technology-rk/tabs/6/bg.jpg") center top no-repeat; background-size: cover; padding: .53rem .4rem .85rem; }

.Technology-rk .block4-1-6 .box .text h3 { font-family: "SourceHanSans-Bold"; font-size: .3rem; color: #fff; }

.Technology-rk .block4-1-6 .box .text p { font-size: .26rem; line-height: .46rem; color: #fff; }

.Technology-rk .block4-1-6 .box .text dl { display: flex; flex-wrap: wrap; padding-top: .33rem; }

.Technology-rk .block4-1-6 .box .text dl dd { width: 50%; }

.Technology-rk .block4-1-6 .box .text dl dd h3 { color: #fff; font-size: .24rem; }

.Technology-rk .block4-1-6 .box .text dl dd h3 span { font-size: .4rem; font-family: "SourceHanSans-Bold"; }

.Technology-rk .block4-1-6 .box .text dl dd p { font-size: .26rem; color: #fff; }

.Technology-rk .block4-1-7 { padding: 1rem .4rem .8rem; }

.Technology-rk .block4-1-7 .topBox { padding: 0 0 .6rem; }

.Technology-rk .block4-1-7 .box dl { display: flex; justify-content: center; padding-bottom: .3rem; }

.Technology-rk .block4-1-7 .box dl dd { flex: 1; text-align: center; font-size: .28rem; color: #666; padding-bottom: .2rem; position: relative; }

.Technology-rk .block4-1-7 .box dl dd::before { transition: all .3s linear; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -.3rem; width: 0; height: .02rem; background-color: #1248BC; }

.Technology-rk .block4-1-7 .box dl dd.active { color: #1248BC; }

.Technology-rk .block4-1-7 .box dl dd.active::before { width: .6rem; }

.Technology-rk .block4-1-7 .box .swiper { padding-bottom: .8rem; }

.Technology-rk .block4-1-7 .box .text { background-color: #F5F5F5; padding: 0 .4rem .5rem; height: 6.2rem; }

.Technology-rk .block4-1-7 .box .text .item { padding-top: .6rem; display: flex; align-items: flex-start; }

.Technology-rk .block4-1-7 .box .text .item:first-child { padding-top: .5rem; }

.Technology-rk .block4-1-7 .box .text .item img { width: .6rem; height: .6rem; margin-right: .2rem; }

.Technology-rk .block4-1-7 .box .text .item .item-box h4 { font-family: "SourceHanSans-Bold"; font-size: .3rem; color: #000; margin-bottom: .05rem; }

.Technology-rk .block4-1-7 .box .text .item .item-box p { font-size: .26rem; color: #000; line-height: .4rem; }

.TechnologyPower .neiNav-list { padding: 0 .4rem; }

.TechnologyPower .neiNav-list .swiper-slide { margin-right: .32rem; }

.TechnologyPower .block:before { display: none; }

.TechnologyPower .block .container { margin: 0; }

.TechnologyPower .block .topBox { padding: 0 .4rem; }

.TechnologyPower .block .topBox h3 { font-size: .44rem; font-weight: bold; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: .25rem; text-align: center; }

.TechnologyPower .block .topBox h3 img { display: block; margin: 0 auto; }

.TechnologyPower .block .topBox p { font-size: .26rem; color: #333; text-align: center; line-height: .46rem; }

.TechnologyPower .block1 { margin-top: .7rem; padding: 0 .4rem; }

.TechnologyPower .block1 .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 3.8rem; background: url("../images/technology-power/bg-block1.jpg") center top no-repeat; background-size: cover; }

.TechnologyPower .block1 img { width: 2.8rem; }

.TechnologyPower .block1 p { font-size: .26rem; color: #fff; }

.TechnologyPower .block2 { margin-top: .98rem !important; padding: 0 .4rem; }

.TechnologyPower .block2 .topBox { padding-bottom: .4rem; }

.TechnologyPower .block2 .box { display: flex; flex-direction: column; }

.TechnologyPower .block2 .box .img-box { overflow: hidden; width: 100%; }

.TechnologyPower .block2 .box .img-box img { aspect-ratio: 960/750; -webkit-aspect-ratio: 960/750; }

.TechnologyPower .block2 .box .text-box { width: 100%; background: url("../images/technology-power/bg-block2.jpg") center top no-repeat; background-size: cover; padding: .7rem .4rem 1.49rem; }

.TechnologyPower .block2 .box .text-box h3 { font-family: "SourceHanSans-Bold"; font-size: .3rem; color: #fff; margin-bottom: .2rem; line-height: .5rem; }

.TechnologyPower .block2 .box .text-box p { font-size: .26rem; color: #fff; line-height: .46rem; opacity: .9; }

.TechnologyPower .block3 { margin-top: 1rem !important; padding: 0 .4rem; }

.TechnologyPower .block3 .topBox { padding-bottom: .4rem; }

.TechnologyPower .block3 .box { overflow: hidden; padding-bottom: .6rem; }

.TechnologyPower .block3 .text-box { background-color: #1052C4; padding: .62rem .4rem .96rem; height: 3.5rem; }

.TechnologyPower .block3 .text-box h3 { color: #fff; font-size: .3rem; font-family: "SourceHanSans-Bold"; margin-bottom: .2rem; }

.TechnologyPower .block3 .text-box h4 { color: #fff; font-size: .28rem; font-family: "SourceHanSans-Medium"; margin-bottom: .3rem; }

.TechnologyPower .block3 .text-box p { color: #fff; font-size: .26rem; color: #D9DFE9; line-height: .46rem; }

.TechnologyPower .block3 .left-btn { cursor: pointer; z-index: 2; position: absolute; left: 0; top: 50%; width: .8rem; margin-top: -2rem; }

.TechnologyPower .block3 .left-btn span { font-size: 30px; color: #C3C5C9; }

.TechnologyPower .block3 .left-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block3 .right-btn { cursor: pointer; z-index: 2; position: absolute; right: 0; top: 50%; width: .8rem; margin-top: -2rem; text-align: right; }

.TechnologyPower .block3 .right-btn span { font-size: 30px; color: #C3C5C9; }

.TechnologyPower .block3 .right-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block3 .swiper-pagination { bottom: 0; }

.TechnologyPower .block3 .swiper-pagination .swiper-pagination-bullet { width: .3rem; height: .05rem; border-radius: .05rem; }

.TechnologyPower .block3 .swiper-pagination .swiper-pagination-bullet-active { background-color: #1052C4; }

.TechnologyPower .block4 { margin-top: 1rem !important; padding: 0 .4rem .4rem; }

.TechnologyPower .block4 .topBox { padding-bottom: .4rem; }

.TechnologyPower .block4 .box { display: flex; flex-direction: column; overflow: hidden; padding-bottom: .6rem; position: relative; }

.TechnologyPower .block4 .box .img-box { overflow: hidden; width: 100%; }

.TechnologyPower .block4 .box .img-box img { width: 100%; }

.TechnologyPower .block4 .box .text-box { width: 100%; background: linear-gradient(359deg, #092D80 0%, #0962D6 100%); padding: .83rem .4rem .97rem; height: 4rem; }

.TechnologyPower .block4 .box .text-box h3 { color: #fff; font-size: .3rem; font-family: "SourceHanSans-Bold"; margin-bottom: .2rem; }

.TechnologyPower .block4 .box .text-box h4 { color: #fff; font-size: .28rem; font-family: "SourceHanSans-Medium"; margin-bottom: .3rem; }

.TechnologyPower .block4 .box .text-box p { color: #fff; font-size: .26rem; color: #D9DFE9; line-height: .46rem; }

.TechnologyPower .block4 .box .left-btn { cursor: pointer; z-index: 2; position: absolute; left: 0; top: 50%; width: .8rem; margin-top: -2rem; }

.TechnologyPower .block4 .box .left-btn span { font-size: 30px; color: #C3C5C9; }

.TechnologyPower .block4 .box .left-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block4 .box .right-btn { cursor: pointer; z-index: 2; position: absolute; right: 0; top: 50%; width: .8rem; margin-top: -2rem; text-align: right; }

.TechnologyPower .block4 .box .right-btn span { font-size: 30px; color: #C3C5C9; }

.TechnologyPower .block4 .box .right-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block4 .box .swiper-pagination { bottom: 0; }

.TechnologyPower .block4 .box .swiper-pagination .swiper-pagination-bullet { width: .3rem; height: .05rem; border-radius: .05rem; }

.TechnologyPower .block4 .box .swiper-pagination .swiper-pagination-bullet-active { background-color: #1052C4; }

.rk-popup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: #fff; align-items: center; display: none; }

.rk-popup.active { display: flex; }

.rk-popup .close-popup { width: .8rem; height: .8rem; cursor: pointer; border-radius: 100%; background: linear-gradient(180deg, #1244B9 0%, #0E63D2 100%); margin: 3% auto 0; display: flex; justify-content: center; align-items: center; }

.rk-popup .close-popup span { transition: all .3s linear; font-family: "SourceHanSans-Bold"; color: #fff; font-size: .3rem; font-weight: bold; }

.rk-popup .close-popup:hover span { transform: rotate(180deg); }

.rk-popup .container { overflow: visible; padding: 0 .4rem; }

.rk-popup .topBox { padding-bottom: .25rem; text-align: center; }

.rk-popup .topBox h3 { margin-bottom: 1%; font-size: .4rem; font-family: "SourceHanSans-Bold"; }

.rk-popup .left-btn { cursor: pointer; z-index: 2; position: absolute; left: -80px; top: 40%; width: 80px; margin-top: -40px; text-align: right; }

.rk-popup .left-btn span { font-size: 30px; margin-right: 20px; color: #1249BD; }

.rk-popup .left-btn.swiper-button-disabled span { color: #C3C5C9; }

.rk-popup .right-btn { cursor: pointer; z-index: 2; position: absolute; right: -80px; top: 40%; width: 80px; margin-top: -40px; }

.rk-popup .right-btn span { font-size: 30px; margin-left: 20px; color: #1249BD; }

.rk-popup .right-btn.swiper-button-disabled span { color: #C3C5C9; }

.rk-popup .box { position: relative; overflow: hidden; padding-bottom: 8%; transition: all .3s linear; }

.rk-popup .box.pb3 { padding-bottom: 3%; }

.rk-popup .text-box { padding-top: .25rem; text-align: center; }

.rk-popup .text-box h3 { font-family: "SourceHanSans-Bold"; font-size: .3rem; margin-bottom: .05rem; }

.rk-popup .text-box p { font-size: .26rem; line-height: 30px; }

.rk-popup .swiper-pagination-bullet { background-color: #BDBEBF; opacity: 1; }

.rk-popup .swiper-pagination-bullet-active { background-color: #114EC1; }

.rk-popup .three { position: relative; overflow: hidden; }

.rk-popup .three img { width: 100%; }

.rk-popup .tab3-box { background: url("../images/technology-rk/tabs/3/bg.jpg") center top no-repeat; background-size: cover; aspect-ratio: 1680/600; -webkit-aspect-ratio: 1680/600; }

.rk-popup .tab3-box img { position: absolute; width: 54%; right: 0; bottom: 0; }

.rk-popup .tab3-box .text { padding: 8% 5% 0 5%; width: 48%; }

.rk-popup .tab3-box .text p { font-size: 16px; color: #0D0D0D; line-height: 26px; }

.rk-popup .tab3-box .text dl { display: flex; justify-content: space-between; padding: 6% 0 8%; }

.rk-popup .tab3-box .text dl dd { flex: 1; }

.rk-popup .tab3-box .text dl dd h3 { font-size: 20px; color: #1247BC; }

.rk-popup .tab3-box .text dl dd h3 span { font-size: 30px; font-family: "SourceHanSans-Bold"; }

.rk-popup .tab3-box .text dl dd p { font-size: 16px; color: #121313; }

.rk-popup .tab3-box .text h4 { font-family: "SourceHanSans-Bold"; font-size: 24px; color: #000; }

.rk-popup .tab3-box .text h4 span { font-size: 36px; color: #114CBF; }

.rk-popup .tab6-box { display: flex; justify-content: space-between; }

.rk-popup .tab6-box .text { width: 50%; background: url("../images/technology-rk/tabs/6/bg.jpg") center top no-repeat; background-size: cover; padding: 5% 0 0 7%; }

.rk-popup .tab6-box .text h3 { font-family: "SourceHanSans-Bold"; font-size: 24px; color: #fff; margin-bottom: 14px; }

.rk-popup .tab6-box .text p { font-size: 16px; color: #fff; }

.rk-popup .tab6-box .text dl { padding-top: 8%; }

.rk-popup .tab6-box .text dl dd { float: left; padding-right: 6%; }

.rk-popup .tab6-box .text dl dd h4 { font-size: 16px; color: #fff; margin-bottom: 10px; }

.rk-popup .tab6-box .text dl dd h4 span { font-family: "SourceHanSans-Bold"; font-size: 30px; }

.rk-popup .tab6-box .text dl dd p { font-size: 16px; color: #fff; }

.rk-popup .tab6-box .img { width: 50%; overflow: hidden; }

.rk-popup .tab6-box .img img { aspect-ratio: 840/500; -webkit-aspect-ratio: 840/500; }

.rk-popup .tab7-box dl { display: flex; justify-content: center; margin-bottom: 24px; }

.rk-popup .tab7-box dl dd { cursor: pointer; font-size: 24px; color: #666; position: relative; padding: 0 72px 20px; }

.rk-popup .tab7-box dl dd::before { transition: all .3s linear; width: 0; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -30px; height: 2px; background-color: #1248BC; }

.rk-popup .tab7-box dl dd.active { color: #1248BC; }

.rk-popup .tab7-box dl dd.active::before { width: 60px; }

.rk-popup .tab7-box .swiper { position: relative; overflow: hidden; }

.rk-popup .tab7-box .swiper .swiper-slide { display: flex; justify-content: space-between; background-color: #F5F5F5; }

.rk-popup .tab7-box .swiper .swiper-slide .text { width: 50%; display: flex; flex-direction: column; justify-content: center; padding-left: 5%; padding-right: 2%; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item { display: flex; align-items: center; margin: 3% 0; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item img { width: 60px; margin-right: 20px; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item h4 { font-family: "SourceHanSans-Bold"; font-size: 20px; color: #000; margin-bottom: 10px; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item P { font-size: 16px; color: #000; }

.rk-popup .tab7-box .swiper .swiper-slide .img { width: 50%; }

.rk-popup .tab7-box .swiper .swiper-slide .img img { aspect-ratio: 840/500; -webkit-aspect-ratio: 840/500; }

/* Solution-jr */
.Solution-jr .con { padding-bottom: 0; }

.Solution-jr .section { margin-top: 0.9rem; position: relative; z-index: 1; }

.Solution-jr .section .section-t { font-size: 0.4rem; text-align: center; margin-bottom: 0.4rem; font-weight: bold; }

.Solution-jr .section1 { margin-top: 0; }

.Solution-jr .section1 .container { margin: 0; }

.Solution-jr .section1 .text-img { display: flex; justify-content: space-between; flex-wrap: wrap; background: linear-gradient(43deg, #F7F9FB 0%, #FFFFFF 100%); }

.Solution-jr .section1 .text-img .text, .Solution-jr .section1 .text-img .img { width: 100%; }

.Solution-jr .section1 .text-img .text.text, .Solution-jr .section1 .text-img .img.text { padding: 0 0.4rem 0.8rem; position: relative; }

.Solution-jr .section1 .text-img .text.text:before, .Solution-jr .section1 .text-img .img.text:before { content: ""; width: 4.09rem; height: 3.37rem; background: url(../images/solution/jr-section1-zs.png) no-repeat center/100%; position: absolute; right: 0; bottom: 0; }

.Solution-jr .section1 .text-img .text.text ul li, .Solution-jr .section1 .text-img .img.text ul li { display: flex; align-items: center; margin-top: 0.4rem; }

.Solution-jr .section1 .text-img .text.text ul li img, .Solution-jr .section1 .text-img .img.text ul li img { width: 0.8rem; margin-right: 0.4rem; }

.Solution-jr .section1 .text-img .text.text ul li .txt h3, .Solution-jr .section1 .text-img .img.text ul li .txt h3 { font-size: 0.3rem; margin-bottom: 0.1rem; }

.Solution-jr .section1 .text-img .text.text ul li .txt p, .Solution-jr .section1 .text-img .img.text ul li .txt p { font-size: 0.26rem; line-height: 0.4rem; }

.Solution-jr .section1 .text-img .text.text ul li:first-child, .Solution-jr .section1 .text-img .img.text ul li:first-child { margin-top: 0; }

.Solution-jr .section1 .text-img .text.img img, .Solution-jr .section1 .text-img .img.img img { width: 100%; height: 100%; }

.Solution-jr .section2 .dsc { font-size: 0.26rem; line-height: 0.4rem; padding: 0 0.4rem; }

.Solution-jr .section2 img { width: 100%; margin-top: 0.6rem; }

.Solution-jr .section3 ul { display: flex; flex-wrap: wrap; }

.Solution-jr .section3 ul li { width: 100%; position: relative; }

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

.Solution-jr .section3 ul li .text { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all .3s linear; }

.Solution-jr .section3 ul li .text img { width: 0.6rem; }

.Solution-jr .section3 ul li .text h3 { font-size: 0.3rem; color: #fff; margin: 0.2rem 0; }

.Solution-jr .section3 ul li .text p { width: 77%; font-size: 0.26rem; line-height: 0.4rem; color: #fff; margin: 0 auto; text-align: center; }

/* Solution-cdz */
.Solution-cdz .con { padding-bottom: 0; }

.Solution-cdz .section { padding-top: 0.9rem; position: relative; z-index: 1; }

.Solution-cdz .section .container { margin: 0; padding: 0 0.3rem; }

.Solution-cdz .section .section-t { font-family: "SourceHanSans-Bold"; color: #000; font-size: 0.4rem; text-align: center; margin-bottom: 0.4rem; }

.Solution-cdz .section .section-p { font-size: 0.26rem; color: #333; line-height: 0.44rem; text-align: center; margin-bottom: 0.4rem; }

.Solution-cdz .section1 { padding-top: 0; background: linear-gradient(43deg, #F7F9FB 0%, #FFFFFF 100%); }

.Solution-cdz .section1 .section-t { margin-bottom: 0.6rem; }

.Solution-cdz .section1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0.2rem; }

.Solution-cdz .section1 ul li { width: 50%; padding: 0 0.2rem 0.65rem; }

.Solution-cdz .section1 ul li .icon-box { width: 1.2rem; height: 1.2rem; background: #F2F6FD; border-radius: 50%; margin: 0 auto 0.4rem; display: flex; justify-content: center; align-items: center; }

.Solution-cdz .section1 ul li .icon-box i { color: #004ABB; font-family: "SourceHanSans-Bold"; font-size: 0.8rem; }

.Solution-cdz .section1 ul li h3 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #000; text-align: center; padding-bottom: 0.16rem; }

.Solution-cdz .section1 ul li p { font-size: 0.26rem; line-height: 0.4rem; color: #333; text-align: center; }

.Solution-cdz .section2 ul li { position: relative; }

.Solution-cdz .section2 ul li .text-box { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 4.06rem; background: linear-gradient(180deg, rgba(29, 41, 79, 0) 0%, rgba(23, 33, 63, 0.8) 100%); display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 0 0.4rem 0.6rem; }

.Solution-cdz .section2 ul li .text-box h3 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #fff; padding-bottom: 0.1rem; }

.Solution-cdz .section2 ul li .text-box p { font-size: 0.26rem; color: #fff; line-height: 0.4rem; text-align: center; }

.Solution-cdz .section3 .box { position: relative; height: 10.4rem; }

.Solution-cdz .section3 .box img { width: 100%; height: 100%; object-fit: cover; }

.Solution-cdz .section3 .text-box { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

.Solution-cdz .section3 .text-box ul { display: flex; align-items: flex-end; }

.Solution-cdz .section3 .text-box ul li { width: 25%; height: 2.7rem; position: relative; }

.Solution-cdz .section3 .text-box ul li:nth-child(2n) { background: rgba(0, 0, 0, 0.4); }

.Solution-cdz .section3 .text-box ul li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.3); }

.Solution-cdz .section3 .text-box ul li .text { height: 100%; display: flex; flex-direction: column; padding: 0.4rem 0.4rem 0; }

.Solution-cdz .section3 .text-box ul li .text h3 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #fff; display: flex; align-items: center; padding-bottom: 0.25rem; }

.Solution-cdz .section3 .text-box ul li .text h3 i { font-size: 0.48rem; margin-right: 0.2rem; }

.Solution-cdz .section3 .text-box ul li .text p { font-size: 0.26rem; color: #fff; line-height: 0.4rem; }

.Solution-cdz .section3 .text-box .lg-display { display: none; }

.Solution-cdz .section4 { padding-bottom: 0.9rem; background: url("../images/solution/cdz/bg-kj.png") center top no-repeat; background-size: cover; }

.Solution-cdz .section4 ul { padding-bottom: 0.55rem; position: relative; }

.Solution-cdz .section4 ul li .text-box { position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; background: linear-gradient(180deg, rgba(29, 73, 180, 0) 0%, #1D49B4 100%); height: 3.97rem; padding: 0 0.4rem 0.6rem; display: flex; flex-direction: column; justify-content: flex-end; }

.Solution-cdz .section4 ul li .text-box h3 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #fff; padding-bottom: 0.2rem; }

.Solution-cdz .section4 ul li .text-box p { font-size: 0.26rem; color: #fff; line-height: 0.4rem; }

.Solution-cdz .section4 .swiper-pagination { bottom: 0; }

.Solution-cdz .section4 .swiper-pagination .swiper-pagination-bullet { transition: all .3s linear; background: rgba(0, 0, 0, 0.3); width: 0.15rem; height: 0.15rem; border-radius: 0.5rem; }

.Solution-cdz .section4 .swiper-pagination .swiper-pagination-bullet-active { background: #004ABB; width: 0.52rem; }

.Solution-cdz .section4 .lg-display { display: none; }

/* Solution-t */
.Solution-t .con { padding-bottom: 0; }

.Solution-t .nav-tabs { position: relative; padding-top: 0.3rem; }

.Solution-t .nav-tabs .container { display: flex; justify-content: space-around; margin: 0; }

.Solution-t .nav-tabs .item { font-size: 0.3rem; color: #000; position: relative; padding: 0 0.5rem 0.3rem; }

.Solution-t .nav-tabs .item:after { content: ""; width: 0; height: 2px; background: #1A42DC; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all .3s linear; }

.Solution-t .nav-tabs .item.active, .Solution-t .nav-tabs .item:hover { font-weight: bold; color: #1A42DC; }

.Solution-t .nav-tabs .item.active:after, .Solution-t .nav-tabs .item:hover:after { width: 100%; }

.Solution-t .nav-tabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; }

.Solution-t .section { padding-top: 0.9rem; }

.Solution-t .section .container { margin: 0; padding: 0 0.3rem; }

.Solution-t .section .section-t { font-family: "SourceHanSans-Bold"; color: #000; font-size: 0.4rem; text-align: center; margin-bottom: 0.4rem; }

.Solution-t .section .section-p { font-size: 0.26rem; color: #333; line-height: 0.44rem; text-align: center; margin-bottom: 0.4rem; }

.Solution-t .section1 { padding-top: 0; }

.Solution-t .section1 .section-t { margin-bottom: 0.6rem; }

.Solution-t .section1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 0.2rem; }

.Solution-t .section1 ul li { width: 50%; padding: 0 0.2rem 0.65rem; }

.Solution-t .section1 ul li .icon-box { width: 1.2rem; height: 1.2rem; background: #F2F6FD; border-radius: 50%; margin: 0 auto 0.4rem; display: flex; justify-content: center; align-items: center; }

.Solution-t .section1 ul li .icon-box i { color: #004ABB; font-family: "SourceHanSans-Bold"; font-size: 0.8rem; }

.Solution-t .section1 ul li h3 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #000; text-align: center; padding-bottom: 0.16rem; }

.Solution-t .section1 ul li p { font-size: 0.26rem; line-height: 0.4rem; color: #333; text-align: center; }

.Solution-t .section2 .swiper .swiper-slide { position: relative; }

.Solution-t .section2 .swiper .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); position: absolute; left: 0; top: 0; }

.Solution-t .section2 .swiper .swiper-slide .text-box { position: absolute; left: 0; right: 0; top: 0; z-index: 2; padding: 1.2rem 0.4rem; text-align: left; }

.Solution-t .section2 .swiper .swiper-slide .text-box h3 { font-family: "SourceHanSans-Medium"; font-size: 0.36rem; color: #fff; padding-bottom: 0.15rem; }

.Solution-t .section2 .swiper .swiper-slide .text-box p { font-size: 0.26rem; color: #fff; line-height: 0.4rem; }

.Solution-t .section2 .swiper .swiper-pagination { bottom: 0.8rem; }

.Solution-t .section2 .swiper .swiper-pagination .swiper-pagination-bullet { transition: all .3s linear; background: rgba(255, 255, 255, 0.5); width: 0.15rem; height: 0.15rem; border-radius: 0.5rem; opacity: 1; }

.Solution-t .section2 .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #fff; width: 0.52rem; }

.Solution-t .section3 .box { position: relative; height: 10.4rem; }

.Solution-t .section3 .box img { width: 100%; height: 100%; object-fit: cover; }

.Solution-t .section3 .text-box { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

.Solution-t .section3 .text-box .swiper .swiper-slide { height: auto; position: relative; }

.Solution-t .section3 .text-box .swiper .swiper-slide:nth-child(2n) { background: rgba(0, 0, 0, 0.4); }

.Solution-t .section3 .text-box .swiper .swiper-slide:nth-child(2n+1) { background: rgba(0, 0, 0, 0.3); }

.Solution-t .section3 .text-box .swiper .swiper-slide .text { height: 100%; display: flex; flex-direction: column; padding: 0.3rem; }

.Solution-t .section3 .text-box .swiper .swiper-slide .text h2 { font-family: "SourceHanSans-Medium"; font-size: 0.3rem; color: #fff; display: flex; align-items: center; padding-bottom: 0.25rem; }

.Solution-t .section3 .text-box .swiper .swiper-slide .text h2 i { font-size: 0.48rem; margin-right: 0.2rem; }

.Solution-t .section3 .text-box .swiper .swiper-slide .text p { font-size: 0.26rem; color: #fff; line-height: 0.4rem; }

.Solution-t .section3 .text-box .swiper .swiper-slide .text p b { font-weight: bold; }

.Solution-t .section4 { position: relative; }

.Solution-t .section4 .swiper { padding: 1.6rem 0 1rem; height: 10.4rem; background: url(../images/solution/t/ll-section4-img.jpg) no-repeat center/cover; position: relative; }

.Solution-t .section4 .swiper:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }

.Solution-t .section4 .swiper .swiper-slide { text-align: center; padding: 0 0.3rem; opacity: 0 !important; z-index: 2; }

.Solution-t .section4 .swiper .swiper-slide i { font-size: 1rem; color: #fff; display: block; }

.Solution-t .section4 .swiper .swiper-slide h3 { font-size: 0.34rem; color: #fff; margin: 0.4rem 0 0.3rem; }

.Solution-t .section4 .swiper .swiper-slide p { font-size: 0.26rem; color: #fff; line-height: 0.44rem; }

.Solution-t .section4 .swiper .swiper-slide.swiper-slide-active { opacity: 1 !important; }

.Solution-t .section4 .swiper-tabs { width: 100%; position: absolute; left: 0; bottom: 0.8rem; z-index: 1; }

.Solution-t .section4 .swiper-tabs:before { content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 50%; }

.Solution-t .section4 .swiper-tabs .swiper-slide { text-align: center; }

.Solution-t .section4 .swiper-tabs .swiper-slide i { font-size: 0.8rem; color: rgba(255, 255, 255, 0.7); display: block; transition: all .3s linear; }

.Solution-t .section4 .swiper-tabs .swiper-slide .dot { width: 0.6rem; height: 0.6rem; border: 2px solid #1A42DC; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: all .3s linear; }

.Solution-t .section4 .swiper-tabs .swiper-slide .dot:after { content: ""; width: 0.15rem; height: 0.15rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.Solution-t .section4 .swiper-tabs .swiper-slide.swiper-slide-thumb-active i { opacity: 0; }

.Solution-t .section4 .swiper-tabs .swiper-slide.swiper-slide-thumb-active .dot { opacity: 1; }

.Solution-t .section4 .swiper-pagination { bottom: 0.8rem; }

.Solution-t .section4 .swiper-pagination .swiper-pagination-bullet { transition: all .3s linear; background: rgba(255, 255, 255, 0.5); width: 0.15rem; height: 0.15rem; border-radius: 0.5rem; opacity: 1; }

.Solution-t .section4 .swiper-pagination .swiper-pagination-bullet-active { background: #fff; width: 0.52rem; }

.Solution-t .section5 .swiper .swiper-slide { position: relative; }

.Solution-t .section5 .swiper .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; }

.Solution-t .section5 .swiper .swiper-slide img { width: 100%; }

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

.Solution-t .section5 .swiper .swiper-pagination { bottom: 0.8rem; }

.Solution-t .section5 .swiper .swiper-pagination .swiper-pagination-bullet { transition: all .3s linear; background: rgba(255, 255, 255, 0.5); width: 0.15rem; height: 0.15rem; border-radius: 0.5rem; opacity: 1; }

.Solution-t .section5 .swiper .swiper-pagination .swiper-pagination-bullet-active { background: #fff; width: 0.52rem; }

.Solution-t .section6 .section-t { margin-bottom: 0.2rem; }

.Solution-t .section6 .box { position: relative; }

.Solution-t .section6 .box .tabs { display: inline-flex; justify-content: center; position: absolute; top: 0.7rem; left: 0; right: 0; margin: auto; z-index: 2; }

.Solution-t .section6 .box .tabs .item { font-size: 0.32rem; color: #fff; margin: 0 0.4rem; padding-bottom: 0.15rem; opacity: .5; transition: all .3s linear; position: relative; cursor: pointer; }

.Solution-t .section6 .box .tabs .item:before { content: ""; width: 70%; height: 2px; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; }

.Solution-t .section6 .box .tabs .item.active { opacity: 1; }

.Solution-t .section6 .box .tabs .item.active:before { opacity: 1; }

.Solution-t .section6 .box .btns { width: 100%; text-align: center; position: absolute; left: 0; bottom: 0.8rem; z-index: 1; }

.Solution-t .section6 .box .btns a { width: 2.75rem; line-height: 0.85rem; font-size: 0.3rem; color: #000; border-radius: 0.5rem; display: inline-block; margin: 0 0.18rem; border: 1px solid #000; }

.Solution-t .section6 .box .btns a i { font-size: 0.36rem; vertical-align: -0.03rem; transition: margin .3s; }

.Solution-t .section6 .box .btns a:hover { background: #1A42DC; color: #fff; border-color: #1A42DC; }

.Solution-t .section6 .box .btns a:hover i { margin-left: 0.05rem; }

.Solution-t .section6 .box .btns a.white { border-color: #fff; color: #fff; }

.Solution-t .section6 .box .btns a.white:hover { background: #fff; border-color: #fff; color: #000; }

.Solution-t.Solution-t1 .section4 .swiper { background: url(../images/solution/t/lt-section4-img.jpg) no-repeat center/cover; }

.Solution-t.Solution-t2 .section4 .swiper { background: url(../images/solution/t/ld-section4-img.jpg) no-repeat center/cover; }

/* Order */
.Order .container { margin: 0; }

.Order form { height: auto; padding: 2rem 0.4rem; background: #f7f7f7; }

.Order form .title h2 { font-size: 0.48rem; color: #000; font-family: "SourceHanSans-Bold"; }

.Order form .title p { font-size: 0.26rem; color: #666; margin-top: 0.2rem; }

.Order form .row { height: 0.9rem; border-bottom: 1px solid #333; margin-top: 0.25rem; position: relative; display: flex; align-items: center; }

.Order form .row i { font-size: 0.3rem; color: #1A42DC; position: absolute; right: 0; top: 0.22rem; }

.Order form .row input { width: 100%; font-size: 0.3rem; height: 0.9rem; }

.Order form .row select { width: 100%; font-size: 0.3rem; height: 0.9rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.Order form .row .t { font-size: 0.3rem; margin-right: 0.5rem; }

.Order form .row .radio { display: flex; align-items: center; margin-left: auto; }

.Order form .row .radio label { display: flex; align-items: center; margin-left: 0.5rem; cursor: pointer; font-size: 0.3rem; }

.Order form .row .radio label .icon { width: 0.34rem; height: 0.34rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.Order form .row .radio label.active .icon { border-color: #1A42DC; }

.Order form .row .radio label.active .icon:before { content: ""; width: 0.17rem; height: 0.17rem; background: #1A42DC; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Order form .agree { font-size: 0.28rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.Order form .agree .icon { width: 0.4rem; height: 0.4rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.Order form .agree .icon.active:before { content: ""; width: 0.2rem; height: 0.2rem; background: #000; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Order form .agree span { font-weight: bold; cursor: pointer; }

.Order form .btn { width: 100%; height: 0.9rem; font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .3s linear; cursor: pointer; }

.Order .agreement { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 100; display: none; }

.Order .agreement .iconfont { font-size: 0.6rem; color: #bbb; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); cursor: pointer; }

.Order .agreement .box { width: 90%; height: 78%; padding: 0.4rem; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.12rem; overflow: auto; }

.Order .agreement .box p { font-size: 0.26rem; line-height: 0.44rem; }

/* Big */
.Big .container { overflow: visible; }

.Big .block .icon-list { width: 100%; padding: 0 0.32rem; }

.Big .block .icon-list li { height: 3.15rem; background: #F5F5F5; padding: 0 0.3rem; margin-top: 0.2rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Big .block .icon-list li img { width: 1.2rem; margin: 0 auto 0.3rem; }

.Big .block .icon-list li h3 { font-size: 0.3rem; line-height: 0.36rem; }

.Big .block .icon-list li h3 span { font-size: 0.3rem; }

.Big .block .icon-list li h3 b { color: #1A42DC; font-weight: bold; margin-left: 0.05rem; position: relative; }

.Big .block .icon-list li h3 b i { font-size: 0.24rem; font-weight: bold; position: relative; top: -0.06rem; }

.Big .block .fenlei { margin-top: 1.2rem; padding: 0 0.32rem; }

.Big .block .fenlei ul li { width: 100%; height: 4.2rem; border-radius: 0.1rem; overflow: hidden; position: relative; cursor: pointer; position: sticky; top: 1.5rem; margin-bottom: 0.2rem; }

.Big .block .fenlei ul li:before { content: ""; width: 100%; height: 1.2rem; background: linear-gradient(180deg, transparent 0%, #131313 100%); position: absolute; left: 0; bottom: 0; }

.Big .block .fenlei ul li img { width: 100%; height: 100%; object-fit: cover; }

.Big .block .fenlei ul li h3 { width: 100%; padding: 0.4rem; font-size: 0.3rem; color: #fff; position: absolute; left: 0; bottom: 0; transition: all .3s linear; }

.Big .block .order { margin-top: 0.8rem; }

.Big .block .order .top { position: relative; }

.Big .block .order .top img { width: 100%; }

.Big .block .order .top .title { width: 100%; font-size: 0.32rem; color: #fff; font-weight: bold; position: absolute; left: 0; top: 50%; text-align: center; }

.Big .block .order .contact { background: #F5F5F5; padding: 1rem 0.32rem 0.5rem; }

.Big .block .order .contact ul li { width: 100%; margin-top: 0.6rem; padding: 0.4rem; height: 3.17rem; display: flex; justify-content: space-between; background: linear-gradient(164deg, rgba(255, 255, 255, 0.28) 0%, #fff 100%); position: relative; }

.Big .block .order .contact ul li:before { content: ""; width: 0.67rem; height: 0.6rem; background: url(../images/big/yin.webp) no-repeat center/100%; position: absolute; left: 0; top: -0.3rem; }

.Big .block .order .contact ul li .txt { color: #101620; padding-top: 0.4rem; }

.Big .block .order .contact ul li .txt h3 { font-size: 0.28rem; }

.Big .block .order .contact ul li .txt h4 { font-size: 0.3rem; font-weight: bold; margin: 0.1rem auto 0.18rem; }

.Big .block .order .contact ul li .txt p { font-size: 0.26rem; color: #636B77; }

.Big .block .order .contact ul li .qr { width: 2.35rem; }

.Big .block .order .contact ul li:first-child { margin-top: 0; }

.Big .block .order .box { width: 100%; background: #F5F5F5; padding: 0 0.32rem 1rem; }

.Big .block .order .box .bb { padding: 0.6rem 0.5rem; background: #fff; }

.Big .block .order .box .title { font-size: 0.32rem; line-height: 0.5rem; margin-bottom: 0.3rem; font-weight: bold; text-align: center; }

.Big .block .order .box form { height: auto; overflow: hidden; }

.Big .block .order .box form .row { height: .9rem; border-bottom: 1px solid #333; margin-top: .25rem; position: relative; display: flex; align-items: center; }

.Big .block .order .box form .row label { color: red; margin-right: 0.1rem; }

.Big .block .order .box form .row i { font-size: .3rem; color: #1A42DC; position: absolute; right: 0; top: .3rem; }

.Big .block .order .box form .row input { width: 100%; font-size: .3rem; height: .9rem; }

.Big .block .order .box form .row select { width: 100%; font-size: .3rem; height: .9rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.Big .block .order .box form .agree { font-size: .28rem; color: #000; display: flex; align-items: center; margin-top: .5rem; }

.Big .block .order .box form .agree .icon { width: .4rem; height: .4rem; background: url(../images/productxq1/agree.png) no-repeat center/100%; margin-right: .1rem; cursor: pointer; }

.Big .block .order .box form .agree .icon.active { background: url(../images/productxq1/agree1.png) no-repeat center/100%; }

.Big .block .order .box form .agree span { font-weight: bold; cursor: pointer; }

.Big .block .order .box form .btn { width: 100%; height: .9rem; font-size: .3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; background: transparent; border-radius: .5rem; margin: .6rem 0 0; transition: all .3s linear; cursor: pointer; }

.Big .agreement { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0; top: 0; z-index: 100; display: none; }

.Big .agreement .iconfont { font-size: .6rem; color: #bbb; position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); cursor: pointer; }

.Big .agreement .box { width: 90%; height: 78%; padding: .4rem; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: .12rem; overflow: auto; }

.Big .agreement .box p { font-size: .26rem; line-height: .44rem; }

/*Vin*/
.Vin .block form { padding: 0 .32rem; position: relative; z-index: 2; }

.Vin .block .input-box { width: 100%; height: .8rem; border: 1px solid #DCDCDC; overflow: hidden; padding: 0 .2rem; }

.Vin .block .input-box input { width: 97%; height: 100%; float: left; font-size: .26rem; }

.Vin .block .imgCode-box { width: 100%; height: .8rem; border: 1px solid #DCDCDC; overflow: hidden; padding-left: .2rem; margin-top: .3rem; }

.Vin .block .imgCode-box input { width: 60%; height: 100%; float: left; font-size: .26rem; float: left; }

.Vin .block .imgCode-box .imgCode { width: 40%; height: 100%; float: right; }

.Vin .block .imgCode-box .imgCode img { width: 100%; height: 100%; }

.Vin .block .btns { text-align: center; }

.Vin .block .search-btn, .Vin .block .reset-btn { width: 2.5rem; color: #fff; font-size: .26rem; background: #1A42DC; border: 1px solid #1A42DC; border-radius: 0.5rem; display: inline-block; padding: .2rem 0; text-align: center; margin: .4rem 0; }

.Vin .block .reset-btn { background: transparent; border: 1px solid #000; color: #000 !important; margin-left: .2rem; }

.Vin .block .not { font-size: 0.18rem; text-align: left; }

.Vin .block .not span { color: #1A42DC; }

.Vin .block .not p { font-size: 0.16rem; color: #000; font-weight: 400; line-height: 0.26rem; }

.Vin .block .searchResultBox { margin-top: .5rem; }

.Vin .block .searchResultBox .tt { font-size: .36rem; position: relative; text-align: center; }

.Vin .block .searchResultBox .tt:before { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%; }

.Vin .block .searchResultBox .tt span { background: #fff; position: relative; z-index: 1; padding: 0 .3rem; }

.Vin .block .searchResultBox ul { display: flex; flex-wrap: wrap; margin-top: .3rem; }

.Vin .block .searchResultBox ul li { width: 100%; font-size: .26rem; margin-top: .2rem; line-height: 1.6; display: flex; }

.Vin .block .searchResultBox ul li span { color: #1A42DC; flex-shrink: 0; flex: 1; }

.Vin .block .searchResultBox ul li span b { color: red; margin-left: .2rem; }

.Vin .block .pt { position: relative; margin-top: 0.6rem; }

.Vin .block .pt .con { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Vin .block .pt .con .page-title { margin-bottom: 0.4rem; }

.Vin .block .pt .con .page-title h3 { color: #fff; }

.Vin .block .pt .con .btns { display: flex; }

.Vin .block .pt .con .search-btn, .Vin .block .pt .con .reset-btn { margin: 0; }

.Vin .block .pt .con .reset-btn { background: #F5F5F5; color: #000 !important; margin-left: .2rem; }

.shareWx-box { height: auto; overflow: hidden; text-align: center; font-size: 0.14rem; color: #333; }

.shareWx-box .url_img { display: block; margin: 0.15rem auto 0.1rem; }

.shareWx-box p { font-size: 0.26rem; }

/*! <=991 手机端 */
@media all and (max-width: 991px) { /* ProductXq1 */
  .ProductXq1 .container { width: 100%; padding: 0 0.3rem; margin: 0 auto; }
  .ProductXq1 .car-header { padding: 0.2rem 0; }
  .ProductXq1 .car-header .container { width: 100%; }
  .ProductXq1 .car-header .left .pname { font-size: 0.3rem; }
  .ProductXq1 .car-header .right .btn { height: 0.7rem; font-size: 0.3rem; padding: 0 0.3rem; background: none; }
  .ProductXq1 .car-header .right .btn.btn1 { display: none; }
  .ProductXq1 .neiBanner { height: auto; }
  .ProductXq1 .neiBanner img { height: auto; }
  .ProductXq1 .neiBanner .img { width: 100%; }
  .ProductXq1 .neiBanner .it { width: 6.66rem; top: 20%; }
  .ProductXq1 .neiBanner .tt { bottom: 10%; }
  .ProductXq1 .bigVideo img { height: 6rem; }
  .ProductXq1 .bigVideo .text i { font-size: 1rem; }
  .ProductXq1 .bigVideo .text h3 { font-size: 0.3rem; }
  .ProductXq1 .section .title { font-size: 0.48rem; margin-bottom: 0.5rem; }
  .ProductXq1 .appearance { padding: 1rem 0; }
  .ProductXq1 .appearance .tabs .item { margin: 0 0.3rem; }
  .ProductXq1 .appearance .tabs .item span { width: 0.6rem; height: 0.6rem; }
  .ProductXq1 .appearance .tabs .item h4 { font-size: 0.28rem; }
  .ProductXq1 .appearance .tabs .item.active span { width: 0.8rem; height: 0.8rem; }
  .ProductXq1 .appearance .slide .slide1 { width: 100%; }
  .ProductXq1 .appearance .slide .btn-prev.btn-prev, .ProductXq1 .appearance .slide .btn-next.btn-prev { left: 0.3rem; }
  .ProductXq1 .appearance .slide .btn-prev.btn-next, .ProductXq1 .appearance .slide .btn-next.btn-next { right: 0.3rem; }
  .ProductXq1 .appearance .btns a { width: 3rem; height: 0.9rem; font-size: 0.3rem; margin: 0.6rem 0.2rem 0.1rem; }
  .ProductXq1 .appearance .btns a i { font-size: 0.4rem; }
  .ProductXq1 .feature .guide { position: relative; }
  .ProductXq1 .feature .guide img { height: 6rem; }
  .ProductXq1 .feature .guide ul li img { width: 1.1rem; height: auto; }
  .ProductXq1 .feature .guide ul li h2 { font-size: 0.4rem; margin: 0.2rem 0; }
  .ProductXq1 .feature .guide ul li h3 { font-size: 0.24rem; }
  .ProductXq1 .feature .block { margin-top: 0.2rem; flex-wrap: wrap; }
  .ProductXq1 .feature .block .text { width: 100%; padding: 0.8rem 0.4rem; }
  .ProductXq1 .feature .block .text .tt { padding: 0.3rem 0 0 0.26rem; font-size: 0.48rem; }
  .ProductXq1 .feature .block .text .tt:after { right: -0.1rem; bottom: 0.2rem; }
  .ProductXq1 .feature .block .text .ttt { font-size: 0.36rem; margin-top: 0.08rem; }
  .ProductXq1 .feature .block .text ul { margin-top: 0.6rem; }
  .ProductXq1 .feature .block .text ul li { font-size: 0.3rem; line-height: 0.48rem; padding-left: 0.3rem; font-family: "SourceHanSans-Medium"; }
  .ProductXq1 .feature .block .text ul li:before { width: 0.1rem; height: 0.1rem; top: 0.14rem; }
  .ProductXq1 .feature .block .img { width: 100%; }
  .ProductXq1 .arguments { padding-top: 1.5rem; background: url(../images/productxq1/arguments-bg-xs.jpg) no-repeat top/100%; }
  .ProductXq1 .arguments .box { padding: 0.7rem 0.4rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); }
  .ProductXq1 .arguments .box .t { font-size: 0.36rem; }
  .ProductXq1 .arguments .box ul { width: 100%; flex-wrap: wrap; margin: 0; }
  .ProductXq1 .arguments .box ul li { width: 50%; padding: 0; margin-top: 0.5rem; }
  .ProductXq1 .arguments .box ul li h4 { font-size: 0.24rem; }
  .ProductXq1 .arguments .box ul li h3 { font-size: 0.36rem; margin-top: 0.1rem; }
  .ProductXq1 .arguments .box ul li:first-child:before, .ProductXq1 .arguments .box ul li:nth-child(3):before { display: none; }
  .ProductXq1 .arguments .box .btn { height: 0.9rem; font-size: 0.3rem; background: none; }
  .ProductXq1 .arguments .box .btn i { font-size: 0.4rem; }
  .ProductXq1 .arguments .box .table-box { display: block; }
  .ProductXq1 .arguments .box .table-box .table table td { padding: 0.15rem 0.2rem; font-size: 0.26rem !important; }
  .ProductXq1 .arguments .box .table-box .statement em { margin-bottom: 0.1rem; font-size: 0.28rem; }
  .ProductXq1 .arguments .box .table-box .statement p { line-height: 0.46rem; font-size: 0.26rem; padding-left: 0.15rem; }
  .ProductXq1 .gallery { padding-top: 1rem; }
  .ProductXq1 .gallery ul li { width: 48.5%; float: left; margin: 3% 0 0 3%; }
  .ProductXq1 .gallery ul li:first-child { width: 100%; margin-left: 0; }
  .ProductXq1 .gallery ul li:nth-child(even) { margin-left: 0; }
  .ProductXq1 .gallery ul li .mask i { font-size: 0.5rem; }
  .ProductXq1 .gallery ul li .mask p { font-size: 0.3rem; }
  .ProductXq1 .order { flex-direction: column-reverse; }
  .ProductXq1 .order .left, .ProductXq1 .order .right { width: 100%; }
  .ProductXq1 .order .left img, .ProductXq1 .order .right img { width: 100%; height: 6.8rem; }
  .ProductXq1 .order .left { padding: 0.7rem 0.4rem; position: relative; background: #F3F3F3; border-top-right-radius: 0.5rem; }
  .ProductXq1 .order .left .title { text-align: center; }
  .ProductXq1 .order .left form .row { height: 0.9rem; margin-top: 0.25rem; }
  .ProductXq1 .order .left form .row i { font-size: 0.3rem; top: 0.3rem; }
  .ProductXq1 .order .left form .row input { font-size: 0.3rem; height: 0.9rem; }
  .ProductXq1 .order .left form .row select { font-size: 0.3rem; height: 0.9rem; }
  .ProductXq1 .order .left form .agree { font-size: 0.28rem; }
  .ProductXq1 .order .left form .agree .icon { width: 0.4rem; height: 0.4rem; }
  .ProductXq1 .order .left form .btn { width: 100%; height: 0.9rem; font-size: 0.3rem; background: none; }
  .ProductXq1 .agreement .iconfont { font-size: 0.6rem; bottom: 5%; }
  .ProductXq1 .agreement .box { width: 90%; height: 78%; padding: 0.4rem; border-radius: 0.12rem; }
  .ProductXq1 .agreement .box p { font-size: 0.26rem; line-height: 0.44rem; }
  /* 公用视频弹出 */
  .video-popup .btn-close .icon { width: 0.4rem; }
  .video-popup .video-popup-box { width: 100%; max-height: none; } }

@keyframes move-forever { 0% { transform: translate(-90px, 0%); }
  100% { transform: translate(85px, 0%); } }