@charset "UTF-8";
@import url('bahnschrift.css');
@import url('futurademic.css');
@font-face {
  font-family: 'iconfont';  /* Project id 3993843 */
  src: url('//at.alicdn.com/t/c/font_3993843_h7dxjame3nn.woff2?t=1681439184935') format('woff2'),
       url('//at.alicdn.com/t/c/font_3993843_h7dxjame3nn.woff?t=1681439184935') format('woff'),
       url('//at.alicdn.com/t/c/font_3993843_h7dxjame3nn.ttf?t=1681439184935') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer; 
}
body { margin: 0 auto; font: 14px/1.5 arial,'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif; color: #333333; padding: 0; box-sizing: border-box; background-color: #f6f8fb; }

html { --theme-red:#dd3834; }

::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; }

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

.img-fluid { max-width: 100%; }

.gap { height: 10px; }

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

.bg-white { background-color: #ffffff; }

.p-25 { padding: .25rem !important; }

.p-l-25 { padding-left: .25rem !important; }

.p-r-25 { padding-right: .25rem !important; }

.p-t-25 { padding-top: .25rem !important; }

.p-b-25 { padding-bottom: .25rem !important; }

.row { --gutter-x: 12px; --gutter-y: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--gutter-y)*-1); margin-right: calc(var(--gutter-x)/-2); margin-left: calc(var(--gutter-x)/-2); }
.row.gy-0 { --gutter-y: 0; }
.row.g-0 { --gutter-x:0; --gutter-y: 0; }

.row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x)/2); padding-left: calc(var(--gutter-x)/2); margin-top: var(--gutter-y); }

.col { flex: 1 0 0%; }

.row-cols-auto > * { flex: 0 0 auto; width: auto; }

.row-cols-1 > * { flex: 0 0 auto; width: 100%; }

.row-cols-2 > * { flex: 0 0 auto; width: 50%; }

.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 auto; width: 25%; }

.row-cols-5 > * { flex: 0 0 auto; width: 20%; }

.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.col-1 { width: calc(100% / 1); }

.col-2 { width: calc(100% / 2); }

.col-3 { width: calc(100% / 3); }

.col-4 { width: calc(100% / 4); }

.col-5 { width: calc(100% / 5); }

.col-6 { width: calc(100% / 6); }

.grids-box .full-col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
.grids-box .full-col img { max-width: 100%; max-height: 100%; display: block; margin: 0 auto; }
.grids-box .full-col.full-col-1 { flex: 0 0 100%; max-width: 100%; }
.grids-box .full-col.full-col-2 { flex: 0 0 50%; max-width: 50%; }
.grids-box .full-col.full-col-3 { flex: 0 0 33.333%; max-width: 33.333%; }
.grids-box .full-col.full-col-4 { flex: 0 0 25%; max-width: 25%; }
.grids-box .full-col.full-col-5 { flex: 0 0 20%; max-width: 20%; }
.grids-box .full-col.full-col-6 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.grids-box.hover-shadow .full-col:hover { -webkit-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); -moz-box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); box-shadow: 0px 12px 32px rgba(147, 147, 147, 0.5); z-index: 2; }
.grids-box.border { border: 1px solid #eee; border-right: none; border-bottom: none; }
.grids-box.border .full-col { border-right: 1px solid #EEEEEE; border-bottom: 1px solid #eee; }
.grids-box.gutters-2 { margin-left: -1px; margin-right: -1px; }
.grids-box.gutters-2 .full-col { padding-left: 1px; padding-right: 1px; }
.grids-box.gutters-10 { margin-left: -5px; margin-right: -5px; }
.grids-box.gutters-10 .full-col { padding-left: 5px; padding-right: 5px; }
.grids-box.gutters-15 { margin-left: -7.5px; margin-right: -7.5px; }
.grids-box.gutters-15 .full-col { padding-left: 7.5px; padding-right: 7.5px; }
.grids-box.gutters-20 { margin-left: -10px; margin-right: -10px; }
.grids-box.gutters-20 .full-col { padding-left: 10px; padding-right: 10px; }

.d-block { display: block; }

.mt-0 { margin-top: 0 !important; }

.w-100 { width: 100% !important; max-width: unset !important; }

.h-100 { height: 100% !important; }

.mt-20 { margin-top: 20px !important; }

.mt-25 { margin-top: 25px !important; }

.abs-center { margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; }

.img-cover-3by2 { height: 0; width: 100%; padding-bottom: 66.667%; overflow: hidden; position: relative; }

.ratio { position: relative; width: 100%; }
.ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ratio:before { display: block; padding-top: var(--aspect-ratio); content: ""; }

.ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }

.ratio-2x3 { --aspect-ratio: calc(2 / 3 * 100%); }

.ratio-1x1 { --aspect-ratio: 100%; }

.btn { display: inline-block; width: 120px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; margin: auto 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.btn.btn-sm { width: 100px; height: 30px; line-height: 30px; font-size: 14px; }

.btn.btn-blue-line { border: 1px solid #244684; color: #244684; }

.btn.btn-blue-fill{background-image: -moz-linear-gradient(-180deg, #006dcc 0%, #238ce7 100%); background-image: -webkit-linear-gradient(-180deg, #006dcc 0%, #238ce7 100%); background-image: -ms-linear-gradient(-180deg, #006dcc 0%, #238ce7 100%); box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26); color: #ffffff; }

.btn.btn-blue-fill:hover{background-image: -moz-linear-gradient(-180deg, #238ce7 0%, #006dcc 100%); background-image: -webkit-linear-gradient(-180deg, #238ce7 0%, #006dcc 100%); background-image: -ms-linear-gradient(-180deg, #238ce7 0%, #006dcc 100%);}

.btn.btn-red-fill { background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.btn.btn-red-fill:hover { background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #ec4945 0%, #dd3833 100%); }

.red { color: var(--theme-red) !important; }

.position-relative { position: relative !important; }

.position-static { position: static !important; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

.iconfont { font-size: inherit; }

[class*="iconfont"]::before { font-family: inherit; font-size: inherit; }

.icon-time { display: inline-block; width: 15px; height: 14px; vertical-align: middle; background: url("../images/icon-time.png") center center/contain no-repeat; margin-right: 5px; }
.icon-time::before { display: none; }

.icon-view { display: inline-block; width: 21px; height: 12px; vertical-align: middle; background: url("../images/icon-view.png") center center/contain no-repeat; margin-right: 5px; }

.pb-0 { padding-bottom: 0 !important; }

.header { height: 1.2rem; }
.header .head-wrap { background: #fff; padding: 0.25rem; position: fixed; width: 100%; z-index: 99; height: 60px; -webkit-box-shadow: 0 0 10px rgba(39, 39, 39, 0.07); -moz-box-shadow: 0 0 10px rgba(39, 39, 39, 0.07); box-shadow: 0 0 10px rgba(39, 39, 39, 0.07); }
.header .logo { width: 72vw; }
.header .logo img { max-width: 100%; }
.header .menu-icon { width: 22px; height: 22px; position: relative; user-select: none; }
.header .menu-icon span { height: 2px; display: block; background-color: #1e3c72; position: absolute; margin: auto; top: 0; bottom: 0; }
.header .menu-icon span:nth-child(1) { width: 95%; -webkit-transition: transform .3s,width .4s; -moz-transition: transform .3s,width .4s; -ms-transition: transform .3s,width .4s; -o-transition: transform .3s,width .4s; transition: transform .3s ,width .4s; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; top: 2px; bottom: auto; }
.header .menu-icon span:nth-child(2) { width: 60%; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; }
.header .menu-icon span:nth-child(3) { width: 80%; -webkit-transition: transform .3s,width .4s; -moz-transition: transform .3s,width .4s; -ms-transition: transform .3s,width .4s; -o-transition: transform .3s,width .4s; transition: transform .3s ,width .4s; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; top: auto; bottom: 2px; }

.open .menu-icon span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; top: 0; bottom: 0; width: 100%; }
.open .menu-icon span:nth-child(2) { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.open .menu-icon span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; width: 100%; top: 0; bottom: 0; }

.banner{ height: 4rem;}
.banner .slider-item img{ width: 100%; height: 100%; object-fit: cover;}

.sbanner { height: 150px; background-color: #162343; background-repeat: no-repeat; background-position: center; background-size: cover; }
.sbanner .sbanner-wrap { height: 150px; color: #ffffff; position: relative;}
.sbanner .sbanner-wrap .sbanner-desc { position: relative; width: 60%; font-size: .24rem; -ms-flex-order: 2; order: 2; }
.sbanner .sbanner-wrap .sbanner-name { font-size: .4rem; display: inline-block; position: relative; margin-top: .15rem; -ms-flex-order: 1; order: 1; font-weight: bold; }
.sbanner .sbanner-wrap .sbanner-name .tag { letter-spacing: initial; display: inline-block; vertical-align: text-top; font-size: 14px; background-color: #e03833; color: #ffffff; height: 20px; width: 40px; border-radius: 3px; text-align: center; }
.sbanner .sbanner-wrap::before { content: ''; background: url("../images/video-overlay.png") center/cover no-repeat rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; opacity: .2;}

.footer { background-color: #151e34; color: #70778d; padding-bottom: 1.5rem;}
.footer .footer-param { background-color: #006dcc; color: #ffffff; }
.footer .footer-param .item { flex: 0 auto; max-width: 33.333%; text-align: center; padding: .25rem 0; }
.footer .footer-param .item .item-top { margin: 0 auto; }
.footer .footer-param .item .item-top .item-value { font-family: Bahnschrift; font-size: .8rem; line-height: 1.2; }
.footer .footer-param .item .item-top .item-unit { text-align: center; padding-left: 5px; line-height: 1.2; font-size: .28rem; }
.footer .footer-param .item .item-name { font-size: .28rem; }
.footer .footer-contact .contact-top { padding: .2rem .25rem; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.footer .footer-contact .contact-top .contact-tel .tel-icon { padding: .2rem; }
.footer .footer-contact .contact-top .contact-tel .tel-icon img { width: .8rem; height: .8rem; }
.footer .footer-contact .contact-top .contact-tel .contact-title { color: #b2b8ce; font-size: .26rem; line-height: 2; }
.footer .footer-contact .contact-top .contact-tel .contact-num { font-size: .38rem; line-height: 1; color: #ffffff; font-weight: bold; }
.footer .footer-contact .contact-top .contact-online .contact-btn { display: block; width: 30.3vw; height: 9.3vw; text-align: center; color: #ffffff; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-image: -moz-linear-gradient(-170deg, #006dcc 0%, #238ce7 100%); background-image: -webkit-linear-gradient(-170deg, #006dcc 0%, #238ce7 100%); background-image: -ms-linear-gradient(-170deg, #006dcc 0%, #238ce7 100%);}
.footer .footer-contact .contact-top .contact-online .contact-btn svg { width: .32rem; height: .32rem; margin-right: 5px; }
.footer .footer-contact .contact-top .contact-online .contact-btn svg path { fill: #ffffff; }
.footer .footer-contact .contact-top .contact-online .contact-btn span { font-size: .24rem; }
.footer .footer-contact .contact-info { border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.footer .footer-contact .contact-info .contect-tel-detail { line-height: 2; width: 60vw; }
.footer .footer-contact .contact-info .contact-wx .wx-qrcode { width: 20.5vw; height: 20.5vw; }
.footer .footer-contact .contact-info .contact-wx p { text-align: center; padding: .25rem 0; }
.footer .copyright { font-size: .28rem; text-align: center; line-height: 1.8; padding: .25rem 0; }

.container { padding: 0 0.25rem; }

.index-nav { padding: 0.25rem; background-color: #ffffff; }
.index-nav .nav-item { flex: 0 0 auto; width: 25%; text-align: center; }
.index-nav .nav-item .item-icon .icon-wrap img { width: 12.7vw; margin: 0 auto; }
.index-nav .nav-item .item-name { padding: 0.1rem 0; text-align: center; line-height: 2; }

.index-nav .nav-item .item-icon{ width: 12.7vw; height: 12.7vw; font-size: 8vw; line-height: 12.7vw; margin: 0 auto; text-align: center; color: #3b77f1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); background-image: -webkit-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); background-image: -ms-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); -webkit-box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); -moz-box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); position: relative; }
.index-nav .nav-item:nth-child(2) .item-icon { color: #ffb423; background-image: -moz-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); background-image: -webkit-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); background-image: -ms-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); }
.index-nav .nav-item:nth-child(3) .item-icon { color: #00ab9e; background-image: -moz-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); background-image: -webkit-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); background-image: -ms-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); }
.index-nav .nav-item:nth-child(4) .item-icon { color: #6036ca; background-image: -moz-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); background-image: -webkit-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); background-image: -ms-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); }

.section { margin-top: 10px; padding-top: .5rem; padding-bottom: 0.5rem; }
.section-box .section:nth-child(even) { background-color: #f6f8fb; }
.section-box .section:nth-child(odd) { background-color: #fff; }
.section .sec-head { position: relative; }
.section .sec-head::before { content: 'chenguang'; font-family: Bahnschrift; font-weight: bold; font-size: 1rem; text-transform: uppercase; position: absolute; opacity: .02; left: 0; top: 0; line-height: 0.8; text-align: center; width: 100%; }
.section .sec-head .head-wrap { position: relative; }
.section .sec-head .head-name, .section .sec-head .sec-title { font-size: .4rem; max-width: 70%; margin: 0 auto; }
.section .sec-head .head-desc, .section .sec-head .sec-desc { font-size: 14px; color: #9ca0a4; }
.section .sec-head .head-icon { text-align: center; }
.section .sec-head .head-icon i { display: inline-block; width: 3px; height: 3px; border-radius: 20px; background-color: #1e3c72; margin: 2px; }
.section .sec-head.head-white::before { background-color: rgba(255, 255, 255, 0.04); }
.section .sec-head.head-white .head-desc { color: #ffffff; }
.section .sec-head.head-white .head-icon i { background-color: #fff; }

.section-box .section { margin-top: 0; }

.index-page .section { padding-bottom: 0; }

.swiper-tab .tab-head.tab-line { border-bottom: 1px solid #ececec; }
.swiper-tab .tab-head.tab-line .item { font-size: .28rem; line-height: 2; position: relative; color: #999999; text-align: center; padding: .125rem 0; }
.swiper-tab .tab-head.tab-line .item::after { content: ''; display: block; position: absolute; height: 4px; width: 30%; margin: auto; left: 0; right: 0; bottom: -1px; background-color: CurrentColor; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.swiper-tab .tab-head.tab-line .item.swiper-slide-thumb-active { color: #4484d6; }
.swiper-tab .tab-head.tab-line .item.swiper-slide-thumb-active::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.swiper-tab .tab-body .tab-tips { padding: .15rem 0; color: #9ca0a4; font-size: .24rem; line-height: 2; }
.swiper-tab .yx-swiper-tab-hd { border-bottom: 1px solid #f1f4f7; }
.swiper-tab .yx-swiper-tab-hd .item .item-wrap { background-color: #f6f8fa; border-radius: 5px 5px 0 0; position: relative; overflow: hidden; padding: 0.2rem 0; }
.swiper-tab .yx-swiper-tab-hd .item .item-wrap::before { position: absolute; left: 0; top: 0; content: ''; height: 100%; width: 5px; background-color: #4484d6; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.swiper-tab .yx-swiper-tab-hd .item .item-wrap .item-icon { width: .5rem; height: .5rem; position: relative; margin-right: .2rem; }
.swiper-tab .yx-swiper-tab-hd .item .item-wrap .item-icon img { max-width: 100%; position: absolute; margin: auto; top: 0; bottom: 0; right: 0; left: 0; }
.swiper-tab .yx-swiper-tab-hd .item .item-wrap .item-name { font-size: .28rem; }
.swiper-tab .yx-swiper-tab-hd .item.swiper-slide-thumb-active { color: #00a8d3 !important; }
.swiper-tab .yx-swiper-tab-hd .item.swiper-slide-thumb-active .item-wrap::before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.swiper-tab .cases-swiper-tab-hd .item.swiper-slide-active { color: #00a8d3 !important; }
.swiper-tab .cases-swiper-tab-hd .item.swiper-slide-active::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.swiper-tab .zx-swiper-tab-hd.swiper-slide-thumb-active { color: #295095 !important; }

.grid-nav .item { text-align: center; padding-bottom: 0.2rem; padding-top: 0.2rem; }
.grid-nav .item .item-icon { width: 10vw; height: 10vw; font-size: 10vw; position: relative; margin: 0 auto .1rem; }
.grid-nav .item .item-icon img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; max-width: 100%; margin: auto; }
.grid-nav .item .item-name { font-size: .28rem; color: #333333; line-height: 2; }
.grid-nav .item .item-price { font-size: .24rem; color: #999999; }
.grid-nav .item .item-price .price { color: #ff4800; font-size: .32rem; }
.grid-nav .item .item-price .price span { font-size: .24rem; }
.grid-nav.row-cols-3.border-style-1 .item { border-right: 1px solid #e8edf6; }
.grid-nav.row-cols-3.border-style-1 .item:nth-child(n+4) { border-top: 1px solid #e8edf6; }
.grid-nav.row-cols-3.border-style-1 .item:nth-child(3n) { border-right: none; }
.grid-nav.row-cols-2.border-style-1 .item { border-right: 1px solid #e8edf6; }
.grid-nav.row-cols-2.border-style-1 .item:nth-child(n+3) { border-top: 1px solid #e8edf6; }
.grid-nav.row-cols-2.border-style-1 .item:nth-child(2n) { border-right: none; }

.cases-swiper .cases-item .item-wrap .item-caption { border: 1px solid #f5f5f5; padding-left: 12px; padding-right: 12px; padding-top: 10px; }
.cases-swiper .cases-item .item-wrap .item-caption .item-name { color: #333333; font-size: 16px; line-height: 28px; }
.cases-swiper .cases-item .item-wrap .item-caption .item-brief { line-height: 20px; font-size: 12px; color: #999999; }
.cases-swiper .cases-item .item-wrap .item-caption .item-tool { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 9px; line-height: 24px; width: 100%; margin-top: 10px; text-transform: uppercase; }
.cases-swiper .cases-item .item-wrap .item-caption .item-tool a { color: #999999; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.cases-swiper .cases-item .item-wrap .item-caption .item-tool:hover a { letter-spacing: 3px; }
.cases-swiper .swiper-pagination { margin-top: 5px; position: static; }
.cases-swiper .swiper-pagination .swiper-pagination-bullet { width: .25rem; height: .05rem; background-color: #e3e3e3; opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: unset; user-select: none; }
.cases-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #00a8d3; width: .48rem; }

.yx-list { --yx-gutter:10px; margin-right: calc(var(--yx-gutter)/-2); margin-left: calc(var(--yx-gutter)/-2); display: flex; flex-direction: row; flex-wrap: wrap; }
.yx-list .item { padding-right: calc(var(--yx-gutter)/2); padding-left: calc(var(--yx-gutter)/2); margin-top: calc(var(--yx-gutter)/2); width: 50%; }
.yx-list .item .item-wrap { width: 100%; height: 3rem; border: 1px solid #eee; border-radius: 5px; padding: 8px; padding-bottom: 0; }
.yx-list .item .item-wrap img{ width: 100%; height: 100%; object-fit: contain;}
.yx-list .item .item-wrap .item-caption { font-size: 13px; color: #626262; display: flex; justify-content: space-between; align-items: center; padding: 6px 0 3px; }
.yx-list .item .item-wrap .item-caption .item-price { color: #999999; font-size: 12px; }
.yx-list .item .item-wrap .item-caption .item-price .price { color: #ff4800; font-size: 16px; }
.yx-list .item .item-wrap .item-caption .item-price .price::before { content: '￥'; font-size: 12px; }
.yx-list .item .item-wrap .item-caption .item-price .price span { font-size: 12px; }

.grid-baidu .item .item-img { height: 1rem; position: relative; }
.grid-baidu .item .item-img img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-height: 100%; }
.grid-baidu .item .item-name { font-size: .28rem; padding: 5px 0; }
.grid-baidu .item .item-desc { color: #999999; font-size: .24rem; width: 90%; margin: 0 auto;}

.loading-more { margin-bottom: 10px; }
.loading-more i { width: .16rem; height: .16rem; display: inline-block; margin: 5px; background-color: #03bcd4; border-radius: 50%; -webkit-animation: loading 1s infinite; -o-animation: loading 1s infinite; animation: loading 1s infinite; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; }
.loading-more i:nth-child(1) { animation-delay: .1s; }
.loading-more i:nth-child(2) { animation-delay: .2s; }
.loading-more i:nth-child(3) { animation-delay: .3s; }

@keyframes loading { from { opacity: 1; }
  to { opacity: .5; } }
.news-list .news-thumb-item { border-bottom: 1px solid #ececec; }
.news-list .news-thumb-item .news-caption { padding: 10px 0; }
.news-list .news-thumb-item .news-caption .news-title { font-size: .32rem; color: #000; line-height: 2; }
.news-list .news-thumb-item .news-caption .news-desc { color: #999999; font-size: .28rem; margin: 5px 0; }
.news-list .news-item { padding: .25rem 0; border-bottom: 1px solid #ececec; }
.news-list .news-item .news-title { color: #333333; font-size: .28rem; padding-right: 10px; padding-left: 5px; }
.news-list .news-item .news-title::before { content: ''; display: inline-block; width: 5px; height: 0; border-bottom: 1px solid #ececec; vertical-align: middle; margin-right: 10px; }
.news-list .news-item .news-time { color: #999999; font-size: .24rem; }

/*自定义分页样式*/
.w-page { margin: 20px 0; }
.w-page a.page-num-current{ z-index: 3; color: #fff; background-color: var(--theme-red); }
.w-page .disabled { opacity: .5; cursor: no-drop; }
.w-page .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }
.w-page a, .w-page span{ position: relative; display: block; padding: 3px 6px; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page a:hover{ background-color: #cdcdcd; color: #fff; }


.error-page{ padding: 50px 0 100px; background: #f6f8fb;}
.error .clip .shadow{height: 180px;}
.error .clip:nth-of-type(2) .shadow{width: 130px;}
.error .clip:nth-of-type(1) .shadow,
.error .clip:nth-of-type(3) .shadow{width: 250px;}
.error .digit{width: 150px; height: 150px; line-height: 150px; font-size: 120px; font-weight: bold;}
.error h2{font-size: 32px;}
.error .msg{top: -190px; left: 30%; width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
.error span.triangle{top: 70%; right: 0%; border-left: 20px solid #535353; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
.error .container-error-404{margin-top: 10%; position: relative; height: 250px; padding-top: 40px;}
.error .container-error-404 .clip{display: inline-block; transform: skew(-45deg);}
.error .clip .shadow{overflow: hidden;}
.error .clip:nth-of-type(2) .shadow{overflow: hidden; position: relative; box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150, 0.8), 20px 0px 20px -15px rgba(150, 150, 150, 0.8);}
.error .clip:nth-of-type(3) .shadow:after,
.error .clip:nth-of-type(1) .shadow:after{content: ""; position: absolute; right: -8px; bottom: 0px; z-index: 1; height: 100%; width: 10px; background: linear-gradient(90deg, transparent, rgba(173, 173, 173, 0.8), transparent); border-radius: 50%;}
.error .clip:nth-of-type(3) .shadow:after{left: -8px;}
.error .digit{position: relative; top: 8%; color: white; background: #006dcc; border-radius: 50%; display: inline-block; transform: skew(45deg);}
.error .clip:nth-of-type(2) .digit{left: -10%;}
.error .clip:nth-of-type(1) .digit{right: -20%;}
.error .clip:nth-of-type(3) .digit{left: -20%;}
.error h2{font-size: 24px; color: #A2A2A2; font-weight: bold; padding-bottom: 20px;}
.error .tohome{font-size: 16px; color: #006dcc;}
.error .msg{position: relative; z-index: 1; display: block; background: #535353; color: #A2A2A2; border-radius: 50%; font-style: italic;}
.error .triangle{position: absolute; z-index: 1; transform: rotate(45deg); content: ""; width: 0; height: 0;}
@media(max-width: 767px){.error .clip .shadow{height: 100px;} .error .clip:nth-of-type(2) .shadow{width: 80px;} .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow{width: 100px;} .error .digit{width: 80px; height: 80px; line-height: 80px; font-size: 52px;} .error h2{font-size: 18px;} .error .msg{top: -110px; left: 15%; width: 40px; height: 40px; line-height: 40px; font-size: 18px;} .error span.triangle{top: 70%; right: -3%; border-left: 10px solid #535353; border-top: 8px solid transparent; border-bottom: 8px solid transparent;} .error .container-error-404{height: 150px;}}

.dbmenu { display: flex; width: 100%; padding: .1rem 0; position: fixed; align-items: center; justify-content: center; bottom: 0; background: #fff; box-shadow: 0px -1px 10px rgb(0 0 0 / 15%);z-index: 99999999999999999999;}
.dbmenu a{ display: contents;}
.dbmenu .menu__item { all: unset; padding: .6em 0 .6em;  flex-grow: 1; z-index: 100; display: flex; cursor: pointer; position: relative; align-items: center; justify-content: center; transition: transform var(--duration);}
.dbmenu .menu__item::before { content: ""; z-index: -1;  width: 4.2em; height: 4.2em; border-radius: 50%; position: absolute; transform: scale(0); transition: background-color var(--duration), transform var(--duration);}
.dbmenu .menu__item.active::before { transform: scale(1); background-color: #eee;}
.dbmenu .icondibu { width: 2.6em; height: 2.6em; stroke: white; fill: transparent; stroke-width: 1pt; stroke-miterlimit: 10;stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 400;}
.dbmenu .menu__item.active .icon { animation: strok 1.5s reverse;}
@keyframes strok {
  100% {
    stroke-dashoffset: 400;
  }
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}