@charset "UTF-8";
* { word-wrap: break-word; }

*, *:before, *:after { box-sizing: border-box; outline: none; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; line-height: 1; }

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

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

body, th, td, button, input, select, textarea { font-size: 18px; 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%; }

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

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .5s; transition: all .5s; color: #000; }

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

a.ie6:hover { zoom: 1; }

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

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { max-width: 100%; border: 0; object-fit: cover; display: block; -webkit-user-drag: none; }

a img { -webkit-transition: all .5s; transition: all .5s; }

input, textarea { border: 0; background: none; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

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

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

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

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

::-webkit-scrollbar { width: 4px; height: 4px; }

::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb { background: #1E50E6; }

::-webkit-scrollbar-thumb:window-inactive { background: #1E50E6; }

@keyframes pathRun { from { stroke-dashoffset: 1000; }
  to { stroke-dashoffset: 0; } }

@keyframes progressRun { from { width: 0; }
  to { width: 100%; } }

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

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

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

@keyframes clipath { 0% { clip-path: circle(18% at 50% 50%); }
  100% { clip-path: circle(100% at 50% 50%); } }

.cl:after, .clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

.text-l { text-align: left; }

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

.text-r { text-align: right; }

.text-i { font-style: italic; }

.cover1 { width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: none; z-index: 3; }

.container { width: 87.5%; height: 100%; margin: 0 auto; position: relative; height: auto; overflow: hidden; }

.commonTitle { font-size: 0.4rem; color: #333333; font-family: "SourceHanSans-Bold"; margin-bottom: 0.4rem; }

.commonTitle1 { font-size: 0.3rem; color: #333333; padding-bottom: 0.25rem; margin-bottom: 0.2rem; border-bottom: 1px solid #ececec; }

.layui-layer-btn .layui-layer-btn0 { border-color: #004abb !important; background: #004abb !important; }

/* header */
.header { width: 100%; position: fixed; left: 0; top: 0; z-index: 20; transition: all .4s; box-shadow: 0 0.06rem 0.2rem rgba(16, 22, 44, 0.04); }

.header .container { width: 87.5%; overflow: visible; }

.header .top { padding: 0.15rem 0; height: auto; overflow: visible; background: #fff; }

.header .top .container { display: flex; justify-content: space-between; }

.header .top .left { width: 25%; display: flex; align-items: center; }

.header .top .left .logo { width: 2rem; height: 0.46rem; background: url(../images/logo.png) no-repeat center/100%; display: block; }

.header .top .left .tel { margin-left: 0.4rem; padding-top: 0.06rem; }

.header .top .left .tel h4 { font-size: 0.12rem; color: #333; transition: all .4s; }

.header .top .left .tel h3 { font-size: 0.16rem; color: #FFB100; margin-top: 0.05rem; font-family: "Avenir"; font-family: "SourceHanSans-Bold"; }

.header .top .nav { width: 50%; height: auto; display: flex; justify-content: center; }

.header .top .nav .item { line-height: 0.5rem; font-size: 0.16rem; color: #333; text-align: center; position: relative; margin: 0 0.2rem; display: block; }

.header .top .nav .item:after { content: ""; width: 0; height: 0.02rem; background: #004abb; position: absolute; left: 0; bottom: -0.15rem; right: 0; margin: auto; transition: all .4s; }

.header .top .nav .item.active, .header .top .nav .item:hover { color: #004abb; }

.header .top .nav .item.active:after, .header .top .nav .item:hover:after { width: 0.3rem; }

.header .top .right { width: 25%; display: flex; align-items: center; justify-content: flex-end; }

.header .top .right .btnSearch i { font-size: 0.18rem; color: #333; transition: all .4s; }

.header .top .right .btnSj { width: 1rem; height: 0.34rem; font-size: 0.14rem; color: #333; border-radius: 0.5rem; border: 1px solid #333; display: flex; align-items: center; justify-content: center; margin-left: 0.3rem; }

.header .top .right .btnSj i { font-size: 0.14rem; }

.header .top .right .btnSj:hover { background: #004abb !important; border-color: #004abb !important; color: #fff !important; }

.header .top .right .btnSj:hover i { color: #fff !important; }

.header .submenu { height: auto; overflow: hidden; position: relative; transition: all .4s; }

.header .submenu .container { height: auto; overflow: hidden; display: block; }

.header .submenu .submenuItem { display: none; border-top: 1px solid #eee; background: rgba(255, 255, 255, 0.9); }

.header .submenu .submenuItem .snav { height: auto; overflow: hidden; display: flex; justify-content: center; }

.header .submenu .submenuItem .snav a { font-size: 0.16rem; color: #000; display: block; margin: 0 0.2rem; padding: 0.2rem 0; position: relative; }

.header .submenu .submenuItem .snav a:after { content: ""; width: 0; height: 0.02rem; background: #004abb; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all .4s; }

.header .submenu .submenuItem .snav a:hover { color: #004abb; }

.header .submenu .submenuItem .snav a.active { color: #004abb; }

.header .submenu .submenuItem .snav a.active:after { width: 50%; }

.header .submenu .submenuItem.product { background: #fff; }

.header .submenu .submenuItem.product .container { display: flex; padding: 0.5rem 0; }

.header .submenu .submenuItem.product .left { width: 21.5%; margin-right: 7%; }

.header .submenu .submenuItem.product .left ul li { font-size: 0.22rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; height: 0.7rem; background: #F8F8F8; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s; }

.header .submenu .submenuItem.product .left ul li i { font-size: 0.2rem; margin-right: 0.05rem; }

.header .submenu .submenuItem.product .left ul li.active { color: #fff; background: #004abb; }

.header .submenu .submenuItem.product .left ul li.active a { color: #fff; }

.header .submenu .submenuItem.product .right { width: 71.5%; overflow: hidden; }

.header .submenu .submenuItem.product .right .swiper-slide { background: #fff; }

.header .submenu .submenuItem.product .right ul { display: flex; flex-wrap: wrap; }

.header .submenu .submenuItem.product .right ul li { width: 31.333%; text-align: center; margin-top: 0.4rem; margin-right: 3%; }

.header .submenu .submenuItem.product .right ul li .img { background: #F8F8F8; padding: 0 0.5rem; }

.header .submenu .submenuItem.product .right ul li .img img { margin: 0 auto; display: block; }

.header .submenu .submenuItem.product .right ul li h3 { font-size: 0.16rem; color: #000; margin-top: 0.2rem; font-family: "SourceHanSans-Medium"; transition: all .4s; }

.header .submenu .submenuItem.product .right ul li:hover img { transform: scale(1.05); }

.header .submenu .submenuItem.product .right ul li:hover h3 { color: #004abb; }

.header .submenu .submenuItem.product .right ul li:nth-child(-n+3) { margin-top: 0; }

.header .submenu .submenuItem.product .right ul li:nth-child(3n) { margin-right: 0; }

.header .submenu .submenuItem.product:before, .header .submenu .submenuItem.product:after { display: none; }

.header .submenu .submenuItem.active.show { display: block !important; }

.header .searchBox { height: auto; overflow: hidden; position: relative; display: none; background: #fff; background: rgba(255, 255, 255, 0.8); border-top: 1px solid #eee; }

.header .searchBox input { width: 100%; height: 0.56rem; line-height: 0.56rem; background: none; font-size: 0.16rem; padding-left: 4%; }

.header .searchBox .btnSearch1 { width: 2rem; line-height: 0.56rem; text-align: center; background: #004abb; position: absolute; right: 0; top: 0; margin: 0; }

.header .searchBox .btnSearch1 i { font-size: 0.2rem; color: #fff; }

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

/* follows */
.follows { text-align: center; padding: 0.8rem 0; position: relative; z-index: 1; background: #fff; }

.follows h3 { font-size: 0.18rem; color: #333; }

.follows h2 { font-size: 0.24rem; color: #000; margin: 0.15rem 0 0.3rem; }

.follows .slide { width: 9.6rem; padding-bottom: 0.4rem; position: relative; overflow: hidden; margin: 0 auto; }

.follows .slide img { width: 1.8rem; margin: 0 auto; }

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

.follows .slide .swiper-pagination-bullet { width: 0.4rem; height: 0.03rem; margin: 0 0.05rem; border-radius: 0; background: #D5D8E5; opacity: 1; transition: all .4s; }

.follows .slide .swiper-pagination-bullet-active { background: #004abb; }

.follows .slide .btn-prev, .follows .slide .btn-next { position: absolute; left: 0; top: 40%; cursor: pointer; z-index: 1; }

.follows .slide .btn-prev i, .follows .slide .btn-next i { font-size: 0.4rem; color: #444; }

.follows .slide .btn-prev.btn-next, .follows .slide .btn-next.btn-next { left: auto; right: 0; }

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

.footer .bottom { overflow: visible; }

.footer .left { height: auto; overflow: hidden; float: left; }

.footer .left .link { height: auto; overflow: hidden; margin-bottom: 0.15rem; }

.footer .left .link a { font-size: 0.15rem; color: #666; float: left; position: relative; padding-right: 0.15rem; margin-right: 0.15rem; }

.footer .left .link a:after { content: ""; width: 1px; height: 0.15rem; background: #999; position: absolute; right: 0; top: 0.03rem; }

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

.footer .left .link a:hover { color: #004abb; }

.footer .left .bot { font-size: 0.15rem; color: #666; }

.footer .left .bot a { color: #666; margin-right: 0.1rem; }

.footer .left .bot a:hover { color: #004abb; }

.footer .right { height: auto; position: relative; float: right; }

.footer .right .other { width: 3rem; height: auto; cursor: pointer; position: relative; z-index: 1; transition: all .4s; }

.footer .right .other .t { height: 0.5rem; line-height: 0.5rem; background: #E2E2E2; padding: 0 0.18rem; }

.footer .right .other .t span { font-size: 0.15rem; color: #656565; }

.footer .right .other .t i { font-size: 0.16rem; margin-left: 0.05rem; float: right; }

.footer .right .other .otherList { width: 100%; height: auto; overflow: auto; max-height: 3.5rem; position: absolute; left: 0; right: 0; bottom: 0.51rem; margin: auto; padding: 0.1rem 0.18rem; display: none; background: #E2E2E2; }

.footer .right .other .otherList a { color: #666; display: block; line-height: 0.3rem; font-size: 0.15rem; }

.footer .right .other .otherList a:hover { color: #000; }

.wenjuan-icon { width: 0.89rem; position: fixed; right: 0; top: 35%; z-index: 2; }

/* fixed-right */
.fixed-right { width: 0.5rem; height: auto; position: fixed; right: 0; top: 50%; z-index: 2; }

.fixed-right .item { width: 1.6rem; height: 0.5rem; background: #F5F5F5; display: block; cursor: pointer; position: relative; right: 0; transition: all .4s; }

.fixed-right .item .icon { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; text-align: center; position: relative; z-index: 1; background: #fff; }

.fixed-right .item .icon i { font-size: 0.2rem; color: #666; }

.fixed-right .item .icon .icon-shouxushao { font-size: 0.22rem; }

.fixed-right .item span { width: 100%; height: 100%; line-height: 0.5rem; text-indent: 0.75rem; font-size: 0.15rem; color: #666; display: block; position: absolute; left: 0; top: 0; }

.fixed-right .item:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 2; }

.fixed-right .item.big { width: 0.5rem; height: auto; padding: 0.2rem 0; text-align: center; background: #fff; }

.fixed-right .item.big .icon { height: auto; line-height: normal; margin-bottom: 5px; background: none; }

.fixed-right .item.big .icon i { color: #666; }

.fixed-right .item.big span { width: 0.2rem; color: #666; line-height: 0.16rem; margin: 0 auto; position: relative; text-indent: 0; }

.fixed-right .item.big:hover { right: 0; }

.fixed-right .item.big.blue { background: #004abb; }

.fixed-right .item.big.blue:after { display: none; }

.fixed-right .item.big.blue .icon i { color: #fff; }

.fixed-right .item.big.blue span { color: #fff; }

.fixed-right .item:hover { right: 1.05rem; }

.fixed-right .item:last-child:after { display: none; }

.freetel { width: 5rem; height: 2rem; 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: 0.16rem; color: #666; margin: 0.6rem 0 0.2rem; text-align: center; }

.freetel form { height: auto; overflow: hidden; margin: 0 auto; display: flex; align-items: center; justify-content: center; }

.freetel form input { width: 2rem; height: 0.45rem; line-height: 0.45rem; padding: 0 0.2rem; float: left; font-size: 0.16rem; color: #666; border: 1px solid #ebebeb; }

.freetel .freetel-btn { width: auto; height: 0.45rem; line-height: 0.45rem; padding: 0 0.15rem; font-size: 0.16rem; background: #004abb; color: #fff; text-align: center; display: block; float: left; }

.freetel .icon-close { position: absolute; right: 0.2rem; top: 0.2rem; font-size: 0.26rem; color: #004abb; cursor: pointer; }

.common-btn { transition: all .4s; width: 1.8rem; line-height: 0.6rem; font-size: 0.2rem; color: #000; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #000; cursor: pointer; }

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

.common-btn:hover { background: #004abb; color: #fff; border-color: #004abb; }

.common-btn:hover i { margin-left: 0.05rem; }

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

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

.common-btn.theme { color: #333; border-color: #333; }

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

.common-btn.theme:hover { color: #fff; }

.content { position: relative; z-index: 1; min-height: 5.3rem; }

/* Index */
.Index { overflow: hidden; }

.Index .header { background: transparent; box-shadow: none; }

.Index .header:before { content: ""; width: 100%; height: 0.8rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%); position: absolute; left: 0; top: 0; transition: all .4s; }

.Index .header .top { background: transparent; }

.Index .header .left .logo { background: url(../images/logo1.png) no-repeat center/100%; }

.Index .header .left .tel h4 { color: #fff; }

.Index .header .nav .item { color: #fff; }

.Index .header .right .btnSearch i { color: #fff; }

.Index .header .right .btnSj { color: #fff; border: 1px solid #fff; }

.Index .header:hover, .Index .header.white { background: #fff; box-shadow: 0 0.06rem 0.2rem rgba(16, 22, 44, 0.04); }

.Index .header:hover:before, .Index .header.white:before { display: none; }

.Index .header:hover .left .logo, .Index .header.white .left .logo { background: url(../images/logo.png) no-repeat center/100%; }

.Index .header:hover .left .tel h4, .Index .header.white .left .tel h4 { color: #333; }

.Index .header:hover .nav .item, .Index .header.white .nav .item { color: #333; }

.Index .header:hover .right .btnSearch i, .Index .header.white .right .btnSearch i { color: #333; }

.Index .header:hover .right .btnSj, .Index .header.white .right .btnSj { color: #333; border: 1px solid #333; }

.Index .header:hover .right .btnSj:hover, .Index .header.white .right .btnSj:hover { color: #fff; }

.Index .header:hover .right .btnSj:hover i, .Index .header.white .right .btnSj:hover i { color: #fff; }

.Index .page-swiper { position: relative; height: 100vh; }

.Index .page-swiper .page-slide { overflow: hidden; }

.Index .page-swiper .page-slide > div { width: 100%; height: 100%; overflow: hidden; position: relative; }

.Index .page-swiper .page-slide .container { width: 87.5%; height: 100%; }

.Index .page-swiper .page-slide .title { margin-bottom: 0.25rem; text-align: center; color: #000; }

.Index .page-swiper .page-slide .title h2 { font-family: "zihun35"; font-size: 0.48rem; }

.Index .page-swiper .page-slide .title p { font-size: 0.18rem; margin-top: 0.2rem; }

.Index .page-swiper .page-slide .btns { width: 100%; text-align: center; }

.Index .page-swiper .page-slide .btns a { width: 2rem; line-height: 0.65rem; font-size: 0.2rem; color: #000; border-radius: 0.5rem; display: inline-block; margin: 0 0.3rem; border: 1px solid #000; }

.Index .page-swiper .page-slide .btns a i { font-size: 0.3rem; vertical-align: -0.03rem; transition: margin .3s; }

.Index .page-swiper .page-slide .btns a:hover { background: #004abb; color: #fff; border-color: #004abb; }

.Index .page-swiper .page-slide .btns a:hover i { margin-left: 0.05rem; }

.Index .page-swiper .page-slide .btns a.white { border-color: #fff; color: #fff; }

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

.Index .page-swiper .page-slide .banner img { width: 100%; height: 100%; }

.Index .page-swiper .page-slide .banner .text { width: 100%; position: absolute; left: 0; top: 1.1rem; text-align: center; z-index: 2; }

.Index .page-swiper .page-slide .banner .text h3 { font-size: 0.16rem; color: #fff; font-family: "SourceHanSans-Medium"; text-shadow: 0 0.04rem 0.06rem rgba(0, 8, 23, 0.3); }

.Index .page-swiper .page-slide .banner .text h2 { font-size: 0.48rem; color: #fff; font-family: "SourceHanSans-Bold"; text-shadow: 0 0.04rem 0.06rem rgba(0, 8, 23, 0.3); margin-top: 0.15rem; }

.Index .page-swiper .page-slide .banner .text h4 { font-size: 0.26rem; color: #fff; font-family: "SourceHanSans-Medium"; text-shadow: 0 0.04rem 0.06rem rgba(0, 8, 23, 0.3); margin-top: 0.15rem; }

.Index .page-swiper .page-slide .banner .swiper-pagination { width: 100%; bottom: 0.35rem; }

.Index .page-swiper .page-slide .banner .swiper-pagination .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; background: #fff; opacity: .8; margin: 0 0.08rem; transition: all .4s; }

.Index .page-swiper .page-slide .banner .swiper-pagination .swiper-pagination-bullet-active { width: 0.5rem; opacity: 1; border-radius: 0.1rem; }

.Index .page-swiper .page-slide .product .bg { width: 100%; height: 5.4rem; position: absolute; left: 0; top: 0; }

.Index .page-swiper .page-slide .product .bg img { width: 100%; height: 100%; }

.Index .page-swiper .page-slide .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 .page-swiper .page-slide .product .container { width: 100%; padding-top: 1.2rem; position: relative; z-index: 4; }

.Index .page-swiper .page-slide .product .title { color: #fff; }

.Index .page-swiper .page-slide .product .tabs { margin: 0.4rem 0 0; display: flex; justify-content: center; }

.Index .page-swiper .page-slide .product .tabs .item { font-size: 0.22rem; color: #fff; font-family: "SourceHanSans-Medium"; margin: 0 0.5rem; position: relative; padding-top: 0.1rem; cursor: pointer; }

.Index .page-swiper .page-slide .product .tabs .item:before { content: ""; width: 0; height: 0.03rem; background: #fff; position: absolute; left: 0; top: 0; transition: all .4s; }

.Index .page-swiper .page-slide .product .tabs .item b { font-size: 0.24rem; font-family: "SourceHanSans-Bold"; margin-left: -0.03rem; font-family: Arial; }

.Index .page-swiper .page-slide .product .tabs .item i { font-size: 0.2rem; }

.Index .page-swiper .page-slide .product .tabs .item span { margin-left: 0.05rem; }

.Index .page-swiper .page-slide .product .tabs .item.active:before { width: 100%; }

.Index .page-swiper .page-slide .product .slide { position: relative; overflow: hidden; }

.Index .page-swiper .page-slide .product .slide .swiper-next-button, .Index .page-swiper .page-slide .product .slide .swiper-prev-button { display: block; width: 15%; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; }

.Index .page-swiper .page-slide .product .slide .swiper-next-button img, .Index .page-swiper .page-slide .product .slide .swiper-prev-button img { width: 0.7rem; display: none; margin: 50% auto; }

.Index .page-swiper .page-slide .product .slide .swiper-next-button.swiper-prev-button, .Index .page-swiper .page-slide .product .slide .swiper-prev-button.swiper-prev-button { left: 0; }

.Index .page-swiper .page-slide .product .slide .swiper-next-button.swiper-next-button, .Index .page-swiper .page-slide .product .slide .swiper-prev-button.swiper-next-button { right: 0; }

.Index .page-swiper .page-slide .product .slide .swiper-next-button:hover img, .Index .page-swiper .page-slide .product .slide .swiper-prev-button:hover img { display: block; }

.Index .page-swiper .page-slide .product .slide .swiper-slide { overflow: hidden; padding-bottom: 0.3rem; }

.Index .page-swiper .page-slide .product .slide .swiper-slide img { width: 9rem; height: 5rem; margin: 0 auto; }

.Index .page-swiper .page-slide .product .slide .swiper-slide .text { text-align: center; opacity: 0; transition: all .4s; }

.Index .page-swiper .page-slide .product .slide .swiper-slide .text h2 { font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: 0.15rem; }

.Index .page-swiper .page-slide .product .slide .swiper-slide .text p { font-size: 0.16rem; color: #000; }

.Index .page-swiper .page-slide .product .slide .swiper-slide .text .btns { margin-top: 0.3rem; }

.Index .page-swiper .page-slide .product .slide .swiper-slide.swiper-slide-active .text { opacity: 1; }

.Index .page-swiper .page-slide .about { background: url(../images/index/about-bg.jpg) no-repeat center/cover; }

.Index .page-swiper .page-slide .about .container { padding-top: 1.5rem; position: relative; }

.Index .page-swiper .page-slide .about .title { color: #fff; margin-bottom: 0.3rem; }

.Index .page-swiper .page-slide .about .text { text-align: center; }

.Index .page-swiper .page-slide .about .text p { font-size: 0.18rem; color: #fff; line-height: 0.32rem; }

.Index .page-swiper .page-slide .about .text .btns { margin-top: 0.3rem; }

.Index .page-swiper .page-slide .news { background: url(../images/index/news-bg.jpg) no-repeat center/cover; }

.Index .page-swiper .page-slide .news .container { padding-top: 1.5rem; position: relative; }

.Index .page-swiper .page-slide .news .title { margin-bottom: 0.4rem; }

.Index .page-swiper .page-slide .news .slide { position: relative; }

.Index .page-swiper .page-slide .news .slide .swiper-slide .img { height: 3rem; overflow: hidden; }

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

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

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

.Index .page-swiper .page-slide .news .slide .swiper-slide .text h2 { font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; 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 .4s; }

.Index .page-swiper .page-slide .news .slide .swiper-slide .text h4 { font-size: 0.16rem; color: #999; margin-top: 0.6rem; }

.Index .page-swiper .page-slide .news .slide .swiper-slide:hover .img img { transform: scale(1.05); }

.Index .page-swiper .page-slide .news .slide .swiper-slide:hover .text h2 { color: #004abb; }

.Index .page-swiper .page-slide .news .slide .btn-next, .Index .page-swiper .page-slide .news .slide .btn-prev { position: absolute; top: 25%; left: 0; z-index: 1; opacity: 0; transition: all .4s; }

.Index .page-swiper .page-slide .news .slide .btn-next i, .Index .page-swiper .page-slide .news .slide .btn-prev i { font-size: 0.5rem; color: #fff; }

.Index .page-swiper .page-slide .news .slide .btn-next.btn-next, .Index .page-swiper .page-slide .news .slide .btn-prev.btn-next { left: auto; right: 0; }

.Index .page-swiper .page-slide .news .slide:hover .btn-next, .Index .page-swiper .page-slide .news .slide:hover .btn-prev { opacity: 1; }

.Index .page-swiper .page-slide .news .slide:hover .btn-next.swiper-button-disabled, .Index .page-swiper .page-slide .news .slide:hover .btn-prev.swiper-button-disabled { opacity: .2; }

.Index .page-swiper .page-slide .news .btns { margin-top: 0.3rem; }

.Index .page-swiper .page-slide .follow { background: url(../images/index/follow-bg.jpg) no-repeat center/cover; }

.Index .page-swiper .page-slide .follow .container { padding-top: 1.5rem; position: relative; }

.Index .page-swiper .page-slide .follow .title { color: #fff; }

.Index .page-swiper .page-slide .follow ul { display: flex; justify-content: center; margin-top: 1.2rem; }

.Index .page-swiper .page-slide .follow ul li { width: 2rem; text-align: center; color: #fff; margin: 0 0.6rem; }

.Index .page-swiper .page-slide .follow ul li img { width: 1.2rem; margin: 0 auto; }

.Index .page-swiper .page-slide .follow ul li h3 { font-size: 0.18rem; font-family: "zihun35"; margin: 0.2rem 0 0.15rem; }

.Index .page-swiper .page-slide .follow ul li p { font-size: 0.18rem; font-family: "SourceHanSans-Medium"; display: none; }

.Index .page-swiper .page-slide .big { background: url(../images/index/big-bg.jpg) no-repeat center/cover; }

.Index .page-swiper .page-slide .footer { height: auto; overflow: visible; }

.Index .page-swiper .page-slide:last-child { height: auto; overflow: visible; }

.neiBanner { width: 100%; height: auto; overflow: hidden; position: relative; top: 0; left: 0; }

.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 .t { font-size: 0.36rem; color: #fff; position: absolute; top: 40%; left: 0; right: 0; margin: auto; text-align: center; z-index: 1; font-family: "SourceHanSans-Medium"; }

.neiBanner .position { width: 100%; position: absolute; left: 0; bottom: 0.2rem; z-index: 1; font-size: 0.14rem; color: #fff; color: #fff; }

.neiBanner .position a { color: #fff; }

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

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

.neiBanner .text-box h4 { font-size: 0.18rem; margin-top: 0.2rem; }

.get-more { margin: 0.1rem auto; }

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

.Nei-page-round .main:before { content: ""; width: 93.75%; height: 2rem; background: #fff; border-radius: 0.3rem 0.3rem 0 0; position: absolute; left: 0; top: 0; right: 0; margin: -0.6rem auto 0; }

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

.Nei-page-round .page-title { text-align: center; margin-bottom: 0.5rem; }

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

.Nei-page-round .page-title p { font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.3rem; }

.neiTabs { height: auto; overflow: hidden; position: relative; padding-bottom: 0.03rem; }

.neiTabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0.02rem; z-index: 0; }

.neiTabs .item { padding-bottom: 0.1rem; margin-right: 0.4rem; font-size: 0.18rem; color: #333333; display: block; float: left; position: relative; z-index: 1; }

.neiTabs .item:after { content: ""; width: 0; height: 0.03rem; background: #004abb; position: absolute; left: 0; bottom: -0.02rem; transition: all .4s; }

.neiTabs .item:hover, .neiTabs .item.active { color: #004abb; }

.neiTabs .item:hover:after, .neiTabs .item.active:after { width: 100%; }

.neiTabs1 { height: auto; overflow: hidden; position: relative; text-align: center; }

.neiTabs1 .item { width: 1.9rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.18rem; color: #333333; background: #e9e9e9; display: inline-block; margin: 0 0.1rem; }

.neiTabs1 .item:hover, .neiTabs1 .item.active { color: #fff; background: #004abb; }

.filter { margin-bottom: 0.4rem; }

.filter .container { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.2rem; }

.filter .container:before { content: ""; width: 100%; height: 1px; background: #EFEFEF; position: absolute; left: 0; bottom: 0; }

.filter .left { display: flex; align-items: center; margin-right: 1rem; }

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

.filter .left .snav a { font-size: 0.16rem; margin-right: 0.5rem; position: relative; }

.filter .left .snav a:before { content: ""; width: 0; height: 0.02rem; background: #004abb; transition: all .4s; position: absolute; left: 0; bottom: -0.32rem; }

.filter .left .snav a.active { color: #004abb; font-family: "SourceHanSans-Medium"; }

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

.filter .left .snav a:hover { color: #004abb; }

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

.filter form { flex: 1; display: flex; justify-content: space-between; }

.filter form .select { display: flex; align-items: center; }

.filter form .select select { font-size: 0.16rem; height: 0.35rem; padding-right: 0.2rem; border: 0; }

.filter form .search { width: 3rem; height: 0.45rem; line-height: 0.45rem; padding: 0 0.15rem; background: #f5f5f5; border-radius: 0.2rem; margin-left: auto; }

.filter form .search input { width: 2.4rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.16rem; background: none; position: relative; top: -0.02rem; }

.filter form .search i { font-size: 0.2rem; cursor: pointer; }

/*page*/
.page { height: auto; overflow: hidden; text-align: center; margin: 1% 0 0; }

.page a { min-width: 0.32rem; line-height: 0.32rem; font-size: 0.14rem; color: #7F7C7C; border: 1px solid #E6EAF6; text-align: center; display: inline-block; padding: 0 0.12rem; margin: 0 0.04rem; border-radius: 0.5rem; }

.page a:hover, .page a.active { background: #004abb; color: #fff; border-color: #004abb; }

.orderC { height: auto; overflow: hidden; text-align: center; }

.orderC form { height: auto; overflow: hidden; margin-top: 0.4rem; display: flex; }

.orderC form .row { background: #f0f0f0; margin: 0 0.1rem; display: flex; position: relative; flex: 1; padding: 0 0.1rem; }

.orderC form .row span { font-size: 0.16rem; line-height: 0.5rem; }

.orderC form .row span i { color: #FF0000; }

.orderC form .row input { flex: 1; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; background: none; }

.orderC form .row input.textarea { resize: none; overflow: hidden; }

.orderC .btn { display: block; width: 2.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.5rem; border: 0.01rem solid #333; font-size: 0.18rem; color: #333; font-weight: bold; text-align: center; margin: 0.45rem auto 0; }

.orderC .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

.orderC1 { padding-bottom: 1rem; }

.orderC1 form { margin-top: 0.4rem; }

.orderC1 form .row { height: auto; overflow: hidden; margin-bottom: 0.3rem; }

.orderC1 form .row span { width: 48%; font-size: 0.16rem; padding: 0 0.2rem; line-height: 0.5rem; display: block; float: left; position: relative; background: #f1f1f1; }

.orderC1 form .row span i { color: #FF0000; }

.orderC1 form .row span.first { margin-right: 4%; }

.orderC1 form .row input { width: 1.6rem; font-size: 0.16rem; height: 0.5rem; }

.orderC1 form .row.textarea span { width: 100%; }

.orderC1 form .row.textarea b { float: left; margin-top: 1px; }

.orderC1 form .row textarea { width: 90%; background: none; padding: 0.15rem 0; height: 1rem; resize: none; overflow: hidden; font-size: 0.16rem; }

.orderC1 .btn { width: 2.5rem; height: 0.5rem; line-height: 0.5rem; background: #004abb; font-size: 0.16rem; color: #fff; text-align: center; margin: 0.45rem auto 0; display: block; }

/*video-popup*/
.video-popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: 10000; background: url("../images/cover-bg.png") repeat; }

.video-popup .video-popup-box { width: 100%; height: 100%; overflow: hidden; background-color: #fff; position: absolute; left: 0; top: 0; }

.video-popup .coverV { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; height: 0.7rem; line-height: 0.7rem; overflow: hidden; background: url("../images/bg-video-title.png") repeat; background: #000000\0; }

.video-popup .coverV .text { color: #fff; font-size: 0.18rem; padding: 0 0 0 0.4rem; width: 80%; display: table; height: 0.7rem; float: left; }

.video-popup .coverV .text p { display: table-cell; height: 0.7rem; vertical-align: middle; }

.video-popup .coverV .other { float: right; background: url("../images/bg-video-title.png") repeat; }

.video-popup .coverV .other a { font-size: 0.2rem; color: #fff; display: inline-block; margin: 0 0.1rem; }

.video-popup .video-list-box { position: absolute !important; left: 0; top: 0; top: 0.7rem \0; right: 0; bottom: 0; z-index: 0; }

/*Product*/
.Product .container { overflow: visible; }

.Product .box { display: flex; }

.Product .box .tabs { width: 3rem; height: auto; margin-right: 0.8rem; position: sticky; top: 1.8rem; }

.Product .box .tabs .item { height: 0.7rem; font-size: 0.22rem; color: #000; display: flex; align-items: center; justify-content: center; background: #F8F8F8; margin-bottom: 0.2rem; }

.Product .box .tabs .item i { font-size: 0.18rem; }

.Product .box .tabs .item.active, .Product .box .tabs .item:hover { color: #fff; background: #004abb; }

.Product .box .list { flex: 1; display: flex; flex-wrap: wrap; justify-content: space-between; }

.Product .box .list li { width: 48%; background: #F6F6F6; padding: 0.2rem 0.6rem 0.45rem; margin-bottom: 0.4rem; }

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

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

.Product .box .list li .text { text-align: center; }

.Product .box .list li .text h2 { font-size: 0.2rem; color: #000; transition: all .4s; }

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

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

.Product .box .list li .text .btns a i { font-size: 0.2rem; transition: margin .3s; }

.Product .box .list li .text .btns a:hover { background: #004abb; color: #fff; border-color: #004abb; }

.Product .box .list li .text .btns a:hover i { margin-left: 0.05rem; }

.Product .box .list li:hover img { transform: scale(1.05); }

.Product .box .list li:hover .text h2 { color: #004abb; }

/*ProductXq*/
.ProductXq .content .container { margin: 0 auto; max-width: 14rem; padding: 0 4%; }

.ProductXq .content .NavScroll { width: 100%; height: auto; background: #fff; position: relative; }

.ProductXq .content .NavScroll a { line-height: 0.5rem; padding: 0 0.25rem; font-size: 0.18rem; color: #333333; display: block; float: left; position: relative; z-index: 1; }

.ProductXq .content .NavScroll a.active, .ProductXq .content .NavScroll a:hover { background: #004abb; color: #fff; }

.ProductXq .content .NavScroll a.orderBtn { Line-height: 0.5rem; padding: 0 0.25rem; background: #F99D23; font-size: 0.18rem; color: #fff; text-align: center; display: block; float: right; position: relative; z-index: 1; cursor: pointer; }

.ProductXq .content .NavScroll a.orderBtn i { font-size: 0.26rem; margin-right: 0.1rem; vertical-align: -0.03rem; }

.ProductXq .content .NavScroll a.orderBtn.active, .ProductXq .content .NavScroll a.orderBtn:hover { background: #F99D23; }

.ProductXq .content .NavScroll:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; z-index: 0; }

.ProductXq .content .NavScroll.fixed { position: fixed; left: 0; top: 0; z-index: 11; }

.ProductXq .content .info { height: auto; overflow: hidden; padding: 0.5rem 0; }

.ProductXq .content .info h1 { font-size: 0.36rem; color: #333333; font-family: "SourceHanSans-Bold"; line-height: 0.36rem; margin-bottom: 0.15rem; }

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

.ProductXq .content .info ul { height: auto; overflow: hidden; }

.ProductXq .content .info ul li { height: auto; overflow: hidden; float: left; position: relative; padding-right: 0.5rem; margin-right: 0.5rem; }

.ProductXq .content .info ul li h2 { font-size: 0.24rem; color: #333333; margin-bottom: 5px; }

.ProductXq .content .info ul li p { font-size: 0.14rem; color: #333333; }

.ProductXq .content .info ul li:after { content: ""; width: 1px; height: 100%; background: #bbb; position: absolute; right: 0; top: 0; }

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

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

.ProductXq .content .info ul li.v360 { text-align: center; padding-top: 5px; }

.ProductXq .content .info ul li.v360 i { font-size: 0.26rem; color: #004abb; margin-bottom: 5px; display: block; }

.ProductXq .content .block { height: auto; overflow: hidden; }

.ProductXq .content .block .title { font-size: 0.36rem; color: #333333; text-align: center; font-weight: 300; margin-bottom: 0.4rem; }

.ProductXq .content .block .title span { width: 0.6rem; height: 1px; background: #ddd; display: inline-block; margin: 0 0.3rem; position: relative; top: -0.1rem; }

.ProductXq .content .block.gailan { margin-bottom: 0.7rem; }

.ProductXq .content .block.gailan .colors { text-align: center; }

.ProductXq .content .block.gailan .colors .color_i { display: inline-block; margin-right: 0.5rem; cursor: pointer; transition: all .4s; }

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

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

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

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

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

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

.ProductXq .content .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 .content .block.gailan .colors .color_i p { color: #999; font-size: 0.14rem; }

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

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

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

.ProductXq .content .block.gailan .slideBox .bigSlide { margin: 0.3rem auto 0; position: absolute; z-index: -1; }

.ProductXq .content .block.gailan .slideBox .bigSlide .slide { width: 74%; max-width: 9.8rem; overflow: hidden; margin: 0 auto; }

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

.ProductXq .content .block.gailan .slideBox .bigSlide .swiper-next, .ProductXq .content .block.gailan .slideBox .bigSlide .swiper-prev { position: absolute; left: 0; top: 50%; z-index: 1; cursor: pointer; }

.ProductXq .content .block.gailan .slideBox .bigSlide .swiper-next i, .ProductXq .content .block.gailan .slideBox .bigSlide .swiper-prev i { font-size: 0.6rem; color: #e9e9e9; }

.ProductXq .content .block.gailan .slideBox .bigSlide .swiper-next { left: auto; right: 0; }

.ProductXq .content .block.gailan .slideBox .smallSlide { width: 74%; margin: 0.3rem auto 0; overflow: hidden; position: absolute; z-index: -1; }

.ProductXq .content .block.gailan .slideBox .smallSlide img { width: 100%; }

.ProductXq .content .block.gailan .slideBox .smallSlide .swiper-slide { border: 1px solid #eee; cursor: pointer; }

.ProductXq .content .block.gailan .slideBox .smallSlide .swiper-slide.swiper-slide-thumb-active { border-color: #004abb; }

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

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

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

.ProductXq .content .block.youshi .section .line { width: 0.8rem !important; }

.ProductXq .content .block.case .box { height: auto; overflow: hidden; position: relative; }

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

.ProductXq .content .block.case .box .listBox { width: 100%; height: 100%; position: absolute; left: 0; top: 20%; }

.ProductXq .content .block.case .box .listBox .list { margin: 0 -0.2rem; }

.ProductXq .content .block.case .box .listBox .item { width: 33.3333%; float: left; }

.ProductXq .content .block.case .box .listBox .item a { display: block; padding: 0 0.2rem; }

.ProductXq .content .block.case .box .listBox .item .img { overflow: hidden; }

.ProductXq .content .block.case .box .listBox .item h2 { line-height: 0.58rem; font-size: 0.18rem; color: #000; background: #fff; padding: 0 0.2rem; }

.ProductXq .content .block.case .box .listBox .item:first-child { margin: 0; }

.ProductXq .content .block.case .box .listBox .item:hover img { transform: scale(1.1); }

.ProductXq .content .block.canshu { margin: 0.7rem 0 0.8rem; }

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

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

.ProductXq .content .block.canshu .table table { width: 12rem; height: auto; overflow: hidden; border-collapse: collapse; border: 1px solid #ccc !important; margin-top: 0.3rem; table-layout: fixed; }

.ProductXq .content .block.canshu .table table td { padding: 0.15rem 0.2rem; border: 1px solid #ccc !important; font-size: 0.16rem !important; }

.ProductXq .content .block.canshu .table::-webkit-scrollbar { width: 0.04rem; height: 0.1rem; background-color: #eee; cursor: pointer; }

.ProductXq .content .block.canshu .table::-webkit-scrollbar-thumb { background-color: #4367f5; border-radius: 0.04rem; cursor: pointer; }

.ProductXq .content .block.canshu .statement { margin-top: 0.4rem; }

.ProductXq .content .block.canshu .statement em { display: block; margin-bottom: 0.1rem; font-size: 0.16rem; }

.ProductXq .content .block.canshu .statement em i { color: #D30000; display: inline-block; margin-right: 5px; }

.ProductXq .content .block.canshu .statement p { line-height: 0.22rem; color: #666; font-size: 0.14rem; padding-left: 0.15rem; }

/* 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 .4s; }

.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: 0.7rem; color: #fff; }

.ProductXq1 .bigVideo .text h3 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Medium"; margin-top: 0.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: #004abb; }

.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 .4s; 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 .4s; }

.ProductXq1 .appearance .btns a:hover { background: #004abb; border-color: #004abb; 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; margin-top: 0.2rem; }

.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: #004abb; }

.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 .4s; cursor: pointer; }

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

.ProductXq1 .arguments .box .btn:hover { background: #004abb; border-color: #004abb; 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: hidden; 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 .4s; }

.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 { padding: 1.2rem 0; background: url(../images/productxq2/order-bg.jpg) no-repeat center/cover; margin-top: 1.2rem; }

.ProductXq1 .order .box { width: 50%; padding: 0.6rem; background: rgba(255, 255, 255, 0.9); float: right; }

.ProductXq1 .order .box .title { text-align: left; margin-bottom: 0.2rem; }

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

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

.ProductXq1 .order .box form .row i { font-size: 0.22rem; color: #004abb; position: absolute; right: 0; top: 0.22rem; }

.ProductXq1 .order .box form .row input { width: 100%; font-size: 0.18rem; height: 0.65rem; }

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

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

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

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

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

.ProductXq1 .order .box form .row .radio label.active .icon { border-color: #004abb; }

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

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

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

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

.ProductXq1 .order .box form .agree span { font-family: "SourceHanSans-Bold"; cursor: pointer; }

.ProductXq1 .order .box form .btn { width: 2.6rem; height: 0.7rem; font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .4s; cursor: pointer; }

.ProductXq1 .order .box form .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

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

.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: 87.5%; }

.ProductXq2 .header { background: transparent; box-shadow: none; }

.ProductXq2 .header:before { content: ""; width: 100%; height: 0.8rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%); position: absolute; left: 0; top: 0; transition: all .4s; }

.ProductXq2 .header .top { background: transparent; }

.ProductXq2 .header .left .logo { background: url(../images/logo1.png) no-repeat center/100%; }

.ProductXq2 .header .left .tel h4 { color: #fff; }

.ProductXq2 .header .nav .item { color: #fff; }

.ProductXq2 .header .right .btnSearch i { color: #fff; }

.ProductXq2 .header .right .btnSj { color: #fff; border: 1px solid #fff; }

.ProductXq2 .header:hover, .ProductXq2 .header.white { background: #fff; box-shadow: 0 0.06rem 0.2rem rgba(16, 22, 44, 0.04); }

.ProductXq2 .header:hover:before, .ProductXq2 .header.white:before { display: none; }

.ProductXq2 .header:hover .left .logo, .ProductXq2 .header.white .left .logo { background: url(../images/logo.png) no-repeat center/100%; }

.ProductXq2 .header:hover .left .tel h4, .ProductXq2 .header.white .left .tel h4 { color: #333; }

.ProductXq2 .header:hover .nav .item, .ProductXq2 .header.white .nav .item { color: #333; }

.ProductXq2 .header:hover .right .btnSearch i, .ProductXq2 .header.white .right .btnSearch i { color: #333; }

.ProductXq2 .header:hover .right .btnSj, .ProductXq2 .header.white .right .btnSj { color: #333; border: 1px solid #333; }

.ProductXq2 .header:hover .right .btnSj:hover, .ProductXq2 .header.white .right .btnSj:hover { background: #004abb; border-color: #004abb; color: #fff; }

.ProductXq2 .header:hover .right .btnSj:hover i, .ProductXq2 .header.white .right .btnSj:hover i { color: #fff; }

.ProductXq2 .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 .4s; }

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

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

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

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

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

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

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

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

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

.ProductXq2 .neiBanner:before { display: none; content: ""; width: 100%; height: 40%; background: linear-gradient(180deg, rgba(29, 73, 180, 0) 0%, #002B95 100%); position: absolute; left: 0; bottom: 0; opacity: .3; }

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

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

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

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

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

.ProductXq2 .neiBanner ul { width: 75%; display: flex; justify-content: space-between; position: absolute; left: 0; bottom: 0.7rem; right: 0; margin: auto; }

.ProductXq2 .neiBanner ul li { width: 41.5%; }

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

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

.ProductXq2 .section { position: relative; }

.ProductXq2 .section .title { font-size: 0.48rem; font-family: "SourceHanSans-Medium"; text-align: center; margin-bottom: 0.6rem; }

.ProductXq2 .section .title span { color: #004abb; }

.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: 0.7rem; color: #fff; }

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

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

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

.ProductXq2 .appearance { padding: 0.8rem 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 0.2rem; text-align: center; }

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

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

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

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

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

.ProductXq2 .appearance .slide .slide1 { width: 11.2rem; 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: 0.64rem; height: 0.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: 0.6rem; 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: 0.6rem; 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: 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; }

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

.ProductXq2 .appearance .btns a:hover { background: #004abb; border-color: #004abb; color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

.ProductXq2 .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 .4s; cursor: pointer; }

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

.ProductXq2 .arguments .box .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

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

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

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

.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: inherit !important; }

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

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

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

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

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

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

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

.ProductXq2 .arguments .list { display: flex; justify-content: space-between; gap: 0.4rem; padding: 0 0.1rem 2rem; }

.ProductXq2 .arguments .list li { flex: 1; padding: 0.8rem 0.3rem; background: #fff; box-shadow: 0 0.06rem 0.18rem 1px rgba(185, 185, 185, 0.16); text-align: center; position: relative; border-radius: 0.06rem; }

.ProductXq2 .arguments .list li .tag { height: 0.5rem; padding: 0 0.22rem; font-size: 0.24rem; 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: 0.06rem 0 0.2rem 0; }

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

.ProductXq2 .arguments .list li h3 { font-size: 0.3rem; font-weight: bold; }

.ProductXq2 .arguments .list li h4 { font-size: 0.18rem; margin-top: 0.2rem; }

.ProductXq2 .arguments .list li .line { width: 100%; height: 1px; background: #F0F0F0; margin: 0.28rem 0; }

.ProductXq2 .arguments .list li p { font-size: 0.16rem; color: #666; line-height: 0.3rem; }

.ProductXq2 .arguments .list li .btn { width: 2rem; height: 0.5rem; font-size: 0.18rem; color: #000; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.4rem auto 0; transition: all .4s; cursor: pointer; }

.ProductXq2 .arguments .list li .btn i { font-size: 0.2rem; margin-left: 0.05rem; transition: all .4s; }

.ProductXq2 .arguments .list li .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

.ProductXq2 .arguments .list li .btn:hover i { color: #fff; }

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

.ProductXq2 .gallery .title { margin-bottom: 0.3rem; }

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

.ProductXq2 .gallery ul li { width: 24%; float: left; margin: 1% 0 0 1%; 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 .4s; }

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

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

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

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

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

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

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

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

.ProductXq2 .order { padding: 1.2rem 0; background: url(../images/productxq2/order-bg.jpg) no-repeat center/cover; }

.ProductXq2 .order .box { width: 50%; padding: 0.6rem; background: rgba(255, 255, 255, 0.9); float: right; }

.ProductXq2 .order .box .title { text-align: left; margin-bottom: 0.2rem; }

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

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

.ProductXq2 .order .box form .row i { font-size: 0.22rem; color: #004abb; position: absolute; right: 0; top: 0.22rem; }

.ProductXq2 .order .box form .row input { width: 100%; font-size: 0.18rem; height: 0.65rem; }

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

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

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

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

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

.ProductXq2 .order .box form .row .radio label.active .icon { border-color: #004abb; }

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

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

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

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

.ProductXq2 .order .box form .agree span { font-family: "SourceHanSans-Bold"; cursor: pointer; }

.ProductXq2 .order .box form .btn { width: 2.6rem; height: 0.7rem; font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .4s; cursor: pointer; }

.ProductXq2 .order .box form .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

.ProductXq2 .order .box form .btn:hover i { color: #fff; }

.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: 0.46rem; color: #bbb; position: absolute; left: 50%; bottom: 0.4rem; transform: translateX(-50%); cursor: pointer; }

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

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

.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 .4s; }

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

.ProductXq2 .arguments-pop .table-box .icon-close { font-size: 0.36rem; color: #fff; font-weight: bold; position: absolute; right: -0.6rem; top: 0.1rem; cursor: pointer; transition: all .4s; }

.ProductXq2 .arguments-pop .table-box .icon-close:hover { transform: rotate(180deg); }

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

.ProductXq2 .arguments-pop .table-box .table { width: 100%; max-height: 68vh; 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: inherit !important; }

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

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

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

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

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

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

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

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

/*Technology*/
.Technology .main .list { height: auto; overflow: hidden; margin: 0 -0.13rem; }

.Technology .main .list li { float: left; padding: 0 0.13rem; }

.Technology .main .list li .box { height: auto; overflow: hidden; position: relative; display: block; }

.Technology .main .list li .box img { width: 100%; }

.Technology .main .list li .box h2 { width: 100%; position: absolute; left: 0.3rem; bottom: 0.3rem; font-size: 0.3rem; color: #fff; font-family: "SourceHanSans-Bold"; transition: all .4s; }

.Technology .main .list li .box h2 i { font-size: 0.3rem; }

.Technology .main .list li:hover img { transform: scale(1.1); }

.Technology .main .list.list3 li { width: 33.3333%; }

.Technology .main .list.list2 { margin-top: 0.26rem; margin-bottom: 0.26rem; }

.Technology .main .list.list2 li { width: 50%; }

.Technology .main .list.list1 li { width: 100%; }

/*TechnologyZn*/
.TechnologyZn .main { height: auto; overflow: hidden; padding: 0.6rem 0 1.1rem; }

.TechnologyZn .main .info { height: auto; overflow: hidden; text-align: center; margin-top: 0.7rem; }

.TechnologyZn .main .info .title { font-size: 0.34rem; color: #333; margin-bottom: 0.25rem; }

.TechnologyZn .main .info p { width: 70%; font-size: 0.16rem; color: #666; line-height: 0.32rem; margin: 0 auto; }

.TechnologyZn .main .block { height: auto; overflow: hidden; margin-top: 1.2rem; }

.TechnologyZn .main .block .title { font-size: 0.3rem; color: #333; margin-bottom: 0.25rem; position: relative; text-align: center; }

.TechnologyZn .main .block .title span { background: #fff; padding: 0 0.2rem; position: relative; z-index: 1; }

.TechnologyZn .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 0.16rem; z-index: 0; }

.TechnologyZn .main .block.block1 ul { height: auto; overflow: hidden; margin: 0 auto; padding-top: 0.4rem; }

.TechnologyZn .main .block.block1 ul li { width: 20%; float: left; }

.TechnologyZn .main .block.block1 ul li .icon { width: 0.5rem; margin: 0 auto; display: block; }

.TechnologyZn .main .block.block1 ul li .text { height: auto; overflow: hidden; width: 86%; margin: 0 auto; }

.TechnologyZn .main .block.block1 ul li .text h2 { font-size: 0.18rem; padding-bottom: 0.15rem; margin: 0.2rem 0 0.25rem; position: relative; text-align: center; }

.TechnologyZn .main .block.block1 ul li .text h2:after { content: ""; width: 0.5rem; height: 1px; background: #004abb; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.TechnologyZn .main .block.block1 ul li .text p { font-size: 0.15rem; line-height: 0.3rem; }

.TechnologyZn .main .block.block2 .container { width: 70%; height: auto; overflow: hidden; margin: 0 auto; padding-top: 0.4rem; }

.TechnologyZn .main .block.block2 .container .img-box-fl { width: 48%; }

.TechnologyZn .main .block.block2 .container .img-box-fl img { width: 100%; margin-bottom: 0.2rem; }

.TechnologyZn .main .block.block2 .container .img-box-fl p { font-size: 0.15rem; color: #333; line-height: 0.3rem; background: url(../images/technology-zn/anruitong-list-icon.jpg) 0 center no-repeat; padding-left: 0.3rem; }

.TechnologyZn .main .block.block3 img { display: block; margin: 0 auto; }

/*TechnologyJs*/
.TechnologyJs .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.TechnologyJs .main .info { height: auto; overflow: hidden; text-align: center; }

.TechnologyJs .main .info .title { font-size: 0.34rem; color: #333; margin-bottom: 0.25rem; }

.TechnologyJs .main .info p { width: 70%; font-size: 0.16rem; color: #666; line-height: 0.32rem; margin: 0 auto; }

.TechnologyJs .main .block { height: auto; overflow: hidden; margin-top: 1rem; }

.TechnologyJs .main .block .title { font-size: 0.3rem; color: #333; margin-bottom: 0.25rem; position: relative; text-align: center; }

.TechnologyJs .main .block .title span { background: #fff; padding: 0 0.2rem; position: relative; z-index: 1; }

.TechnologyJs .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 0.25rem; z-index: 0; }

.TechnologyJs .main .block .st { font-size: 0.16rem; color: #333; text-align: center; }

.TechnologyJs .main .block.block1 { margin-top: 0.6rem; }

.TechnologyJs .main .block.block1 ul { height: auto; overflow: hidden; margin: 0.3rem -0.1rem 0; }

.TechnologyJs .main .block.block1 ul li { width: 25%; padding: 0 0.1rem; float: left; }

.TechnologyJs .main .block.block1 ul li img { width: 100%; }

.TechnologyJs .main .block.block1 ul li h2 { font-size: 0.24rem; color: #333; margin: 0.1rem 0; }

.TechnologyJs .main .block.block1 ul li p { font-size: 0.16rem; color: #666; line-height: 0.24rem; }

.TechnologyJs .main .block.block2 .st { margin-bottom: 0.45rem; }

.TechnologyJs .main .block.block2 .imgText { height: auto; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img, .TechnologyJs .main .block.block2 .imgText .text { width: 50%; overflow: hidden; }

.TechnologyJs .main .block.block2 .imgText .img img, .TechnologyJs .main .block.block2 .imgText .text img { width: 100%; }

.TechnologyJs .main .block.block2 .imgText .img h2, .TechnologyJs .main .block.block2 .imgText .text h2 { font-size: 0.3rem; color: #333; margin-bottom: 0.15rem; }

.TechnologyJs .main .block.block2 .imgText .img h3, .TechnologyJs .main .block.block2 .imgText .text h3 { font-size: 0.2rem; color: #333; margin-bottom: 0.2rem; }

.TechnologyJs .main .block.block2 .imgText .img p, .TechnologyJs .main .block.block2 .imgText .text p { font-size: 0.16rem; color: #999; line-height: 0.26rem; }

.TechnologyJs .main .block.block2 .imgText .text { padding: 8% 5% 0; }

/*TechnologyXny*/
.TechnologyXny .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.TechnologyXny .main .block { height: auto; overflow: hidden; margin-top: 0.7rem; }

.TechnologyXny .main .block .title { font-size: 0.3rem; color: #333; margin-bottom: 0.25rem; position: relative; text-align: center; }

.TechnologyXny .main .block .title span { background: #fff; padding: 0 0.2rem; position: relative; z-index: 1; }

.TechnologyXny .main .block .title:after { content: ""; width: 100%; height: 1px; background: #dadada; position: absolute; left: 0; top: 0.25rem; z-index: 0; }

.TechnologyXny .main .block.block1 .left { width: 50%; }

.TechnologyXny .main .block.block1 .left img { width: 100%; }

.TechnologyXny .main .block.block1 .right { width: 50%; position: relative; }

.TechnologyXny .main .block.block1 .right .bg img { width: 100%; }

.TechnologyXny .main .block.block1 .right .text { width: 45%; position: absolute; left: 20%; top: 30%; }

.TechnologyXny .main .block.block1 .right .text .t { font-size: 0.18rem; line-height: 0.2rem; margin-bottom: 0.3rem; }

.TechnologyXny .main .block.block1 .right .text .t span { font-size: 0.3rem; }

.TechnologyXny .main .block.block1 .right .text .t s { color: #8a8a8a; }

.TechnologyXny .main .block.block1 .right .text p { font-size: 0.16rem; line-height: 0.28rem; color: #333; }

.TechnologyXny .main .block.block2 img { width: 100%; transition: all .4s; }

.TechnologyXny .main .block.block2 ul { margin: 1rem -0.1rem 0; }

.TechnologyXny .main .block.block2 ul li { width: 33.3333%; float: left; padding: 0 0.1rem; }

.TechnologyXny .main .block.block2 ul li .img { overflow: hidden; position: relative; }

.TechnologyXny .main .block.block2 ul li .text { position: absolute; left: 10%; top: 10%; }

.TechnologyXny .main .block.block2 ul li .text p { font-size: 0.18rem; line-height: 0.28rem; color: #fff; }

.TechnologyXny .main .block.block2 ul li .t { font-size: 0.3rem; padding: 0.2rem 0; }

.TechnologyXny .main .block.block2 ul li .t s { color: #8a8a8a; font-size: 0.14rem; vertical-align: 0.02rem; }

.TechnologyXny .main .block.block2 ul li .t span { font-size: 0.18rem; vertical-align: 0.04rem; }

.TechnologyXny .main .block.block2 ul li:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block3, .TechnologyXny .main .block.block6 { height: 7rem; position: relative; }

.TechnologyXny .main .block.block3 .video, .TechnologyXny .main .block.block6 .video { z-index: 2; position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; }

.TechnologyXny .main .block.block3 .video .video_overMain, .TechnologyXny .main .block.block6 .video .video_overMain { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js, .TechnologyXny .main .block.block6 .video .video_overMain .video-js { width: 100%; height: 7rem !important; position: absolute; left: 0; top: 0; }

.TechnologyXny .main .block.block3 .video .video_overMain .video-js video, .TechnologyXny .main .block.block6 .video .video_overMain .video-js video { position: absolute; }

.TechnologyXny .main .block.block3 .video .video_overMain img, .TechnologyXny .main .block.block6 .video .video_overMain img { width: 100%; height: 100%; }

.TechnologyXny .main .block.block3 .bgimg, .TechnologyXny .main .block.block6 .bgimg { z-index: 3; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/technologyxny/re_img11.jpg") no-repeat center center; background-size: cover; }

.TechnologyXny .main .block.block3 .bgshow, .TechnologyXny .main .block.block6 .bgshow { z-index: 4; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("../images/technologyxny/iconBgVideo.png") repeat; }

.TechnologyXny .main .block.block3 .banner, .TechnologyXny .main .block.block6 .banner { z-index: 5; overflow: hidden; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-wrapper, .TechnologyXny .main .block.block6 .banner .swiper-wrapper { height: 100%; width: 100%; position: relative; }

.TechnologyXny .main .block.block3 .banner .swiper-slide, .TechnologyXny .main .block.block6 .banner .swiper-slide { width: 100%; overflow: hidden; position: relative; height: 100%; }

.TechnologyXny .main .block.block3 .banner .swiper-slide a, .TechnologyXny .main .block.block6 .banner .swiper-slide a { display: block; }

.TechnologyXny .main .block.block3 .banner .swiper-slide img, .TechnologyXny .main .block.block6 .banner .swiper-slide img { display: block; position: absolute; left: 0.87rem; top: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text, .TechnologyXny .main .block.block6 .banner .swiper-slide .text { width: 100%; position: absolute; left: 0; top: 30%; text-align: center; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2 { font-size: 0.3rem; color: #fff; margin-bottom: 0.2rem; position: relative; padding-bottom: 0.2rem; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text h2:after, .TechnologyXny .main .block.block6 .banner .swiper-slide .text h2:after { content: ""; width: 0.5rem; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.TechnologyXny .main .block.block3 .banner .swiper-slide .text p, .TechnologyXny .main .block.block6 .banner .swiper-slide .text p { font-size: 0.18rem; color: #fff; line-height: 0.28rem; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination, .TechnologyXny .main .block.block6 .banner .swiper-pagination { bottom: 0.8rem; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet { width: 0.5rem; height: 0.03rem; margin: 0 0.03rem; border-radius: 0; }

.TechnologyXny .main .block.block3 .banner .swiper-pagination-bullet-active, .TechnologyXny .main .block.block6 .banner .swiper-pagination-bullet-active { background: #004abb; }

.TechnologyXny .main .block.block3 .banner .btnPrev, .TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnPrev, .TechnologyXny .main .block.block6 .banner .btnNext { font-size: 0.46rem; color: #fff; position: absolute; top: 40%; left: 0.1rem; z-index: 50; cursor: pointer; display: block; opacity: 1; filter: alpha(opacity=100); transition: all .4s; }

.TechnologyXny .main .block.block3 .banner .btnPrev:hover, .TechnologyXny .main .block.block3 .banner .btnNext:hover, .TechnologyXny .main .block.block6 .banner .btnPrev:hover, .TechnologyXny .main .block.block6 .banner .btnNext:hover { color: #004abb; }

.TechnologyXny .main .block.block3 .banner .btnNext, .TechnologyXny .main .block.block6 .banner .btnNext { left: auto; right: 0.1rem; }

.TechnologyXny .main .block.block3 .banner:hover .btnPrev, .TechnologyXny .main .block.block3 .banner:hover .btnNext, .TechnologyXny .main .block.block6 .banner:hover .btnPrev, .TechnologyXny .main .block.block6 .banner:hover .btnNext { display: block; opacity: 1; filter: alpha(opacity=100); }

.TechnologyXny .main .block.block4 { background: #f5f5f5; }

.TechnologyXny .main .block.block4 .left { width: 50%; padding: 5% 5% 0; }

.TechnologyXny .main .block.block4 .left img { width: 100%; margin-bottom: 3%; }

.TechnologyXny .main .block.block4 .left .text p { font-size: 0.16rem; line-height: 0.28rem; color: #333; }

.TechnologyXny .main .block.block4 .right { width: 50%; overflow: hidden; }

.TechnologyXny .main .block.block4 .right img { width: 100%; }

.TechnologyXny .main .block.block5 ul { height: auto; overflow: hidden; margin-top: 0.5rem; background: #f5f5f5; }

.TechnologyXny .main .block.block5 ul li { position: relative; }

.TechnologyXny .main .block.block5 ul li.video { width: 50%; overflow: hidden; cursor: pointer; }

.TechnologyXny .main .block.block5 ul li.video img { width: 100%; transition: all .4s; }

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

.TechnologyXny .main .block.block5 ul li.video h2 { width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.18rem; color: #fff; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; background: url(../images/cover-bg.png) repeat; }

.TechnologyXny .main .block.block5 ul li.video:hover img { transform: scale(1.05); }

.TechnologyXny .main .block.block5 ul li.video .poster { position: relative; z-index: 1; }

.TechnologyXny .main .block.block5 ul li.video #videoplayer1, .TechnologyXny .main .block.block5 ul li.video #videoplayer2 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }

.TechnologyXny .main .block.block5 ul li.text { width: 50%; padding: 4% 4% 0; }

.TechnologyXny .main .block.block5 ul li.text h1 { font-size: 0.24rem; margin-bottom: 2%; }

.TechnologyXny .main .block.block5 ul li.text p { font-size: 0.16rem; line-height: 0.28rem; }

.TechnologyXny .main .block.block5 ul li.text .textImg { width: 60%; margin: 2% auto 0; display: block; }

.TechnologyXny .main .block.block5 ul li.text dl { height: auto; overflow: hidden; margin-top: 0.4rem; }

.TechnologyXny .main .block.block5 ul li.text dl dd { width: 20%; float: left; text-align: center; position: relative; padding-bottom: 0.15rem; }

.TechnologyXny .main .block.block5 ul li.text dl dd img { height: 0.5rem; margin: 0 auto 0.1rem; }

.TechnologyXny .main .block.block5 ul li.text dl dd h2 { font-size: 0.16rem; font-family: "SourceHanSans-Bold"; }

.TechnologyXny .main .block.block5 ul li.text dl dd:after { content: ""; width: 100%; height: 1px; background: #004abb; position: absolute; left: 0; bottom: 0; display: none; }

.TechnologyXny .main .block.block5 ul li.text dl dd.active:after { display: block; }

.TechnologyXny .main .block.block5 ul li.text .info { height: auto; overflow: hidden; margin-top: 0.15rem; }

.TechnologyXny .main .block.block5 ul li.text .info p { display: none; }

.TechnologyXny .main .block.block5 ul li.text .info p.active { display: block; }

.TechnologyXny .main .block.block6 .title { width: 100%; position: relative; margin-bottom: 0.5rem; }

.TechnologyXny .main .block.block6 .title span { background: none; color: #fff; }

.TechnologyXny .main .block.block6 .title:after, .TechnologyXny .main .block.block6 .title:before { width: 39%; top: 0.22rem !important; }

.TechnologyXny .main .block.block6 .title:before { content: ""; height: 1px; background: #dadada; position: absolute; right: 0; z-index: 0; }

.TechnologyXny .main .block.block6 video { width: 100%; object-fit: cover; }

.TechnologyXny .main .block.block7 { height: 7.93rem; position: relative; background: url("../images/technologyxny/block7-bg.jpg") center no-repeat; background-size: cover; }

.TechnologyXny .main .block.block7 .title { width: 100%; position: absolute; color: #fff; top: 1.2rem; z-index: 1; }

.TechnologyXny .main .block.block7 .title span { background: none; }

.TechnologyXny .main .block.block7 .title:before { content: ""; width: 42.5%; height: 1px; top: 0.15rem; left: 0; background: #fff; background: rgba(255, 255, 255, 0.35); position: absolute; }

.TechnologyXny .main .block.block7 .title:after { width: 42.5%; left: auto; right: 0; background: #fff; background: rgba(255, 255, 255, 0.35); }

.TechnologyXny .main .block.block7 .text-box { position: absolute; left: 0; top: 2rem; right: 0; }

.TechnologyXny .main .block.block7 .text-box p { font-size: 0.16rem; color: #fff; text-align: center; line-height: 0.28rem; }

.TechnologyXny .main .block.block7 .c2 { position: absolute; left: 50%; bottom: 0.6rem; width: 10.24rem; margin-left: -4.8rem; }

.TechnologyXny .main .block.block7 .c2 .text { position: absolute; display: none; }

.TechnologyXny .main .block.block7 a { position: absolute; right: 0; bottom: 0; display: block; padding: 0.1rem; z-index: 1; }

/*News*/
.News .section { position: relative; overflow: hidden; }

.News .section .title { font-size: 0.4rem; font-family: "SourceHanSans-Bold"; position: relative; padding-left: 0.3rem; margin-bottom: 0.35rem; }

.News .section .title:before { content: ""; width: 0.08rem; height: 0.3rem; background: #004abb; position: absolute; left: 0; top: 0.05rem; }

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

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

.News .big-slide .slide .swiper-slide a { display: flex; justify-content: space-between; }

.News .big-slide .slide .swiper-slide .text { width: 48%; padding-top: 0.2rem; }

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

.News .big-slide .slide .swiper-slide .text h3 { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; line-height: 0.46rem; margin: 0.1rem 0 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s; }

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

.News .big-slide .slide .swiper-slide .text .look { font-size: 0.16rem; margin-top: 0.3rem; }

.News .big-slide .slide .swiper-slide .img { width: 48%; border-radius: 0.15rem; position: relative; overflow: hidden; }

.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: 0.6rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }

.News .big-slide .slide .swiper-slide:hover .text h3 { color: #004abb; }

.News .big-slide .slide .swiper-slide:hover .img img { transform: scale(1.08); }

.News .big-slide .slide .swiper-pagination { text-align: left; bottom: 0.2rem; }

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

.News .big-slide .slide .swiper-pagination .swiper-pagination-bullet-active { background: #004abb; }

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

.News .section2 ul { display: flex; justify-content: space-between; }

.News .section2 ul li { width: 31%; }

.News .section2 ul li .img { height: 3.2rem; overflow: hidden; }

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

.News .section2 ul li .text { padding-top: 0.2rem; }

.News .section2 ul li .text h3 { font-size: 0.24rem; font-family: "SourceHanSans-Medium"; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .4s; }

.News .section2 ul li .text .more { font-size: 0.16rem; margin-top: 0.2rem; }

.News .section2 ul li:hover img { transform: scale(1.05); }

.News .section2 ul li:hover .text h3 { color: #004abb; }

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

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

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

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

.News .section4 .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; transition: all .4s; z-index: 1; }

.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; opacity: 0; transition: all .4s; }

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

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

.News .section4 .slide .swiper-slide.swiper-slide-active:before { opacity: 0; }

.News .section4 .slide .swiper-slide.swiper-slide-active:after { opacity: 1; }

.News .section4 .slide .swiper-slide.swiper-slide-active h3 { opacity: 1; }

.News .section4 .slide .swiper-slide:hover img { transform: scale(1.08); }

.News .section4 .slide .swiper-button-prev { left: 6.25%; }

.News .section4 .slide .swiper-button-next { right: 6.25%; }

/* News-zy */
.News-zy .big-slide { margin-bottom: 0.7rem; }

/* News-video */
.News-video { height: 100vh; overflow: hidden; }

.News-video .content { overflow: hidden; }

.News-video .big-video { width: 100%; height: calc(100vh - .8rem); position: absolute; left: 0; top: 0.8rem; overflow: hidden; transition: transform 1s ease-in-out; z-index: 5; }

.News-video .big-video .swiper-slide { height: 100%; overflow: hidden; }

.News-video .big-video .swiper-slide .inner { width: 100%; height: 100%; overflow: hidden; position: relative; }

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

.News-video .big-video .swiper-slide .inner img, .News-video .big-video .swiper-slide .inner video { width: 100%; height: 100%; object-fit: cover; }

.News-video .big-video .swiper-slide .inner .iconfont { font-size: 0.8rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; cursor: pointer; }

.News-video .big-video .swiper-slide .inner .iconfont:hover { font-size: 0.9rem; }

.News-video .big-video .swiper-slide .inner .common-btn { position: absolute; left: 0; bottom: 10vh; right: 0; margin: auto; z-index: 2; }

.News-video .main { overflow: hidden; padding-top: 1.2rem; transform: translate3d(0, 100vh, 0) scale3d(1, 1, 1); transition: transform 1s ease-in-out; }

.News-video.active { height: auto; overflow-y: auto; }

body.active .big-video { transform: translate3d(0, -100vh, 0) scale3d(1, 1, 1); }

body.active .main { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

.news-list { overflow: hidden; }

.news-list ul { overflow: hidden; }

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

.news-list ul li a { display: flex; justify-content: space-between; }

.news-list ul li .text { flex: 1; padding: 0.3rem 0.7rem 0 0; }

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

.news-list ul li .text h3 { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; line-height: 0.46rem; margin: 0.05rem 0 0.25rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s; }

.news-list ul li .text p { font-size: 0.16rem; line-height: 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.news-list ul li .text .look { font-size: 0.16rem; margin-top: 0.3rem; }

.news-list ul li .img { width: 4.8rem; 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:hover .text h3 { color: #004abb; }

.news-list ul li:hover .img img { transform: scale(1.08); }

.list-zt { height: auto; overflow: hidden; }

.list-zt ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.list-zt ul li { width: 48%; margin-bottom: 0.5rem; }

.list-zt ul li .img { overflow: hidden; }

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

.list-zt ul li .text h3 { font-size: 0.14rem; margin-top: 0.2rem; }

.list-zt ul li .text h2 { font-size: 0.28rem; margin-top: 0.15rem; transition: all .4s; line-height: 1.5; }

.list-zt ul li:hover .img img { transform: scale(1.05); }

.list-zt ul li:hover .text h2 { color: #1A42DC; }

.timeFilter { font-size: 0.18rem; font-family: "SourceHanSans-Bold"; color: #333; padding-bottom: 0.02rem; line-height: 0.45rem; border-bottom: 1px solid #ddd; margin: 0.4rem 0; }

.timeFilter a { font-size: 0.16rem; margin-left: 0.5rem; position: relative; display: inline-block; font-weight: normal; }

.timeFilter a.active, .timeFilter a:hover { color: #004abb; }

.timeFilter a.active:after, .timeFilter a:hover:after { display: block; }

.timeFilter a:after { content: ""; width: 100%; height: 0.03rem; background: #004abb; position: absolute; left: 0; bottom: -0.02rem; display: none; transition: all .4s; }

.timeFilter form { width: 3rem; height: 0.45rem; line-height: 0.45rem; padding: 0 0.15rem; background: #f5f5f5; float: right; border-radius: 0.2rem; }

.timeFilter form input { width: 2.4rem; height: 0.45rem; line-height: 0.45rem; font-size: 0.16rem; background: none; position: relative; top: -0.04rem; }

.timeFilter form i { font-size: 0.2rem; cursor: pointer; }

.timeFilter.videoImg { margin-top: 0; }

.video-list { position: relative; z-index: 2; }

.video-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.video-list ul li { width: 47.7%; height: 4.9rem; position: relative; overflow: hidden; margin-bottom: 0.6rem; }

.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: 0.6rem; 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: 0.24rem; color: #fff; font-family: "SourceHanSans-Medium"; padding: 0.3rem; position: absolute; left: 0; bottom: 0; z-index: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.video-list ul li:hover img { transform: scale(1.05); }

/*NewsXq*/
.NewsXq .main { height: auto; overflow: hidden; padding: 0.6rem 0 1.1rem; }

.NewsXq .main .con { height: auto; overflow: hidden; padding: 0.6rem 0; min-height: 5rem; }

.NewsXq .main .con .container { width: 12rem; margin: 0 auto; }

.NewsXq .main .con .title { height: auto; overflow: hidden; margin-bottom: 3%; }

.NewsXq .main .con .title h2 { font-size: 0.22rem; color: #000; text-align: center; margin-bottom: 0.15rem; font-family: "SourceHanSans-Bold"; }

.NewsXq .main .con .title .other { height: auto; overflow: hidden; text-align: center; display: flex; align-items: center; }

.NewsXq .main .con .title .other span { font-size: 0.16rem; color: #999; margin: 0 0.1rem; }

.NewsXq .main .con .title .other .share { flex: 1; display: flex; align-items: center; justify-content: flex-end; }

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

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

.NewsXq .main .con .box { height: auto; overflow: hidden; }

.NewsXq .main .con .box p { font-size: 0.16rem; color: #666; line-height: 0.26rem; margin-bottom: 0.15rem; }

.NewsXq .main .con .box p img { margin: 0 auto 0.2rem; }

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

/*Service*/
.Service .section { background: #fff; height: auto; overflow: hidden; position: relative; z-index: 0; }

.Service .section .title-box { margin-bottom: 0.25rem; }

.Service .section .title-box h2 { font-size: 0.4rem; color: #000; font-family: "SourceHanSans-Bold"; position: relative; padding-left: 0.3rem; }

.Service .section .title-box h2:before { content: ""; width: 0.08rem; height: 0.3rem; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: #004abb; }

.Service .section .title-box p { font-size: 0.18rem; color: #666; margin-top: 0.2rem; padding-left: 0.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 { padding-top: 0.5rem; background: transparent; margin: 0 auto; }

.Service .section1 .container { position: inherit; overflow: visible; }

.Service .section1 .title { text-align: center; }

.Service .section1 .title h2 { font-size: 0.4rem; color: #000; font-family: "SourceHanSans-Bold"; }

.Service .section1 .title p { font-size: 0.18rem; color: #000; line-height: 0.3rem; margin-top: 0.3rem; }

.Service .section1 .box { height: 38vw; position: relative; display: flex; align-items: center; justify-content: center; z-index: 0; }

.Service .section1 .box:before { content: ""; width: 38vw; height: 38vw; 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 .box .txt { width: 4.8rem; position: absolute; left: 1.2rem; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; }

.Service .section1 .box .txt img { width: 100%; }

.Service .section1 .box .txt.txtr { left: auto; right: 1.2rem; }

.Service .section1 .box .video { width: 100vw; height: calc(100vh - 1rem); overflow: hidden; position: relative; z-index: 2; animation-name: clipath; animation-play-state: paused; animation-duration: 1s; animation-iteration-count: inherit; animation-direction: alternate; animation-delay: calc(var(--pro) * -1s); animation-timing-function: ease-in-out; }

.Service .section1 .box .video video { width: 100%; height: 100%; object-fit: cover; }

.Service .section1 .box .video .iconfont { font-size: 0.8rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }

.Service .section2 { padding-top: 0.2rem; }

.Service .section2 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.Service .section2 ul li { width: 43%; display: flex; margin-top: 0.8rem; align-items: center; }

.Service .section2 ul li .icon { width: 1.4rem; margin-right: 0.4rem; }

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

.Service .section2 ul li .txt { width: 0; flex: 1; }

.Service .section2 ul li .txt h3 { font-size: 0.24rem; color: #000; font-family: "SourceHanSans-Medium"; margin-bottom: 0.15rem; }

.Service .section2 ul li .txt h3 span { color: #004abb; }

.Service .section2 ul li .txt p { font-size: 0.16rem; color: #666; line-height: 0.26rem; }

.Service .section3 { padding-top: 1rem; background: #fff; }

.Service .section3 ul { height: 6rem; display: flex; padding: 1.7rem 1.2rem 0; background: url(../images/service/section3-bg.jpg) no-repeat center/cover; border-radius: 0.08rem; overflow: hidden; }

.Service .section3 ul li { text-align: center; flex: 1; }

.Service .section3 ul li .num { width: 1rem; height: 1rem; font-size: 0.48rem; color: #fff; font-family: "BebasNeue"; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.2rem; background: url(../images/service/section3-num-bg.png) no-repeat center/100%; }

.Service .section3 ul li h3 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; }

.Service .section3 ul li p { font-size: 0.16rem; color: #fff; line-height: 0.24rem; }

.Service .section4 { padding-top: 1rem; }

.Service .section4 ul { display: flex; justify-content: space-between; }

.Service .section4 ul li { width: 31%; height: 6rem; padding: 0.5rem 0.4rem; border-radius: 0.08rem; overflow: hidden; position: relative; }

.Service .section4 ul li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; transition: all .4s; }

.Service .section4 ul li .common-btn { margin: 0.6rem 0 0 0.3rem; }

.Service .section4 ul li:hover img { transform: scale(1.05); }

.Service .section5 { padding-top: 1rem; }

.Service .section5 .box { height: 4.4rem; padding-top: 1rem; background: url(../images/service/section5-bg.jpg) no-repeat center/cover; position: relative; border-radius: 0.08rem; overflow: hidden; }

.Service .section5 .box:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }

.Service .section5 .box h3 { font-size: 0.24rem; color: #fff; text-align: center; position: relative; z-index: 1; }

.Service .section5 .box ul { display: flex; justify-content: center; position: relative; z-index: 1; margin-top: 0.4rem; }

.Service .section5 .box ul li { font-size: 0.18rem; color: #fff; position: relative; padding: 0 0.5rem; }

.Service .section5 .box ul li:before { content: ""; width: 1px; height: 80%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: #fff; }

.Service .section5 .box ul li:first-child:before { display: none; }

.Service .section5 .box .common-btn { position: relative; z-index: 1; margin: 0.6rem auto 0; color: #fff; border: 0.01rem solid #fff; }

.Service .section5 .box .common-btn:hover { background: #fff; color: #333; }

/*ServiceOrder*/
.ServiceOrder .main .tips { font-size: 0.16rem; color: #333; margin-bottom: 0.4rem; }

.ServiceOrder .main .tips i { color: #FF0000; }

.ServiceOrder .main form { height: auto; overflow: hidden; }

.ServiceOrder .main form .row { height: auto; clear: both; }

.ServiceOrder .main form .row .item { width: 50%; float: left; height: auto; margin-bottom: 0.3rem; }

.ServiceOrder .main form .row .item .t { font-size: 0.16rem; color: #000; margin-bottom: 0.15rem; }

.ServiceOrder .main form .row .item .t i { color: #FF0000; margin-right: 5px; }

.ServiceOrder .main form .row .item .iconfont { width: 0.6rem; text-align: center; line-height: 0.58rem; float: right; font-size: 0.22rem; position: relative; top: 0; color: #656565; }

.ServiceOrder .main form .row .item .select { width: 95%; font-size: 0.16rem; height: 0.6rem; line-height: 0.6rem; cursor: pointer; position: relative; display: inline-block; vertical-align: middle; border: 1px solid #e9e9e9; }

.ServiceOrder .main form .row .item .select .select-head { width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; padding-left: 0.2rem; }

.ServiceOrder .main form .row .item .select .select-con { float: left; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 60%; color: #333; }

.ServiceOrder .main form .row .item .select .select-head .select-icon { float: right; }

.ServiceOrder .main form .row .item .select .option { text-indent: 0.1rem; margin-top: 1px; width: 100%; display: none; position: absolute; z-index: 200; border-radius: 0.03rem; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0.06rem 12px rgba(0, 0, 0, 0.175); box-shadow: 0 0.06rem 12px rgba(0, 0, 0, 0.175); background-color: #fff; max-height: 3rem; overflow-x: hidden; overflow-y: scroll; }

.ServiceOrder .main form .row .item .select .option > li:hover { background-color: #f5f5f5; color: #004abb; }

.ServiceOrder .main form .row .item .select .option .active { background-color: #f5f5f5; color: #004abb; }

.ServiceOrder .main form .row .item .select .option > li { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #000; }

.ServiceOrder .main form .row .item .select-box { width: 45%; height: 0.6rem; border: 1px solid #eee; color: #666; position: relative; margin-right: 5%; }

.ServiceOrder .main form .row .item .select-box em { display: block; position: absolute; width: 0.22rem; height: 0.22rem; background: url("../images/popup_down.png") no-repeat center center; right: 0.2rem; top: 0.17rem; }

.ServiceOrder .main form .row .item .select-box .input-box { height: 100%; position: relative; }

.ServiceOrder .main form .row .item .select-box .input-box .selectedValue { line-height: 0.58rem; height: 100%; cursor: pointer; padding: 0 0.2rem; font-size: 0.16rem; }

.ServiceOrder .main form .row .item .select-box .input-box .selectedValue label { height: 100%; cursor: pointer; position: relative; }

.ServiceOrder .main form .row .item .select-box .input-box ul { width: 100%; display: none; z-index: 10; max-height: 3rem; overflow-x: hidden; overflow-y: scroll; background: #fff; position: absolute; top: 0.58rem; left: 0; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0.06rem 12px rgba(0, 0, 0, 0.175); box-shadow: 0 0.06rem 12px rgba(0, 0, 0, 0.175); }

.ServiceOrder .main form .row .item .select-box .input-box ul li { height: 0.58rem; line-height: 0.58rem; padding: 0 0.3rem; cursor: pointer; font-size: 0.16rem; }

.ServiceOrder .main form .row .item .select-box .input-box ul li:hover, .ServiceOrder .main form .row .item .select-box .input-box ul li.active { background-color: #f5f5f5; color: #014ABB; }

.ServiceOrder .main form .row .item input { width: 95%; font-size: 0.16rem; height: 0.6rem; line-height: 0.6rem; border: 1px solid #e9e9e9; padding: 0 0.2rem; }

.ServiceOrder .main form .row .item textarea { width: 100%; height: 2.6rem; font-size: 0.16rem; padding: 0.2rem; border: 1px solid #e9e9e9; }

.ServiceOrder .main form .row .item.item1 { width: 97.5%; }

.ServiceOrder .main form .btns { height: auto; overflow: hidden; text-align: center; clear: both; }

.ServiceOrder .main form .btns a { width: 2.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; background: #eee; color: #000; text-align: center; display: inline-block; margin: 0 8px; }

.ServiceOrder .main form .btns a:first-child { background: #004abb; color: #fff; }

/*ServiceMap*/
.ServiceMap .main .con { height: auto; overflow: hidden; min-height: 5rem; }

.ServiceMap .main .con .topBox { text-align: center; padding: 0 0 0.9rem; }

.ServiceMap .main .con .topBox h3 { font-size: 0.4rem; font-family: "SourceHanSans-Bold"; color: #000; }

.ServiceMap .main .con .topBox p { font-size: 0.18rem; line-height: 0.3rem; margin-top: 0.2rem; }

.ServiceMap .main .con .map { transition: none !important; position: relative; }

.ServiceMap .main .con .map * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

.ServiceMap .main .con .map a img, .ServiceMap .main .con .map img { -ms-interpolation-mode: bicubic; -webkit-transition: none; transition: none; display: block; max-width: none; }

.ServiceMap .main .con .map .searchBox { width: 4rem; height: 5rem; position: absolute; right: 5%; top: 0.3rem; background: #fff; padding: 0.2rem; box-shadow: 0px 0.03rem 0.07rem 0px rgba(0, 0, 0, 0.11); }

.ServiceMap .main .con .map .searchBox.active { height: 1.05rem; }

.ServiceMap .main .con .map .searchBox.active .siteList { display: none; }

.ServiceMap .main .con .map .searchBox .top { height: auto; overflow: hidden; font-size: 0.16rem; }

.ServiceMap .main .con .map .searchBox .top .icon-location { font-size: 0.18rem; color: #004abb; vertical-align: -0.02rem; margin-right: 5px; }

.ServiceMap .main .con .map .searchBox .top .btnCity { color: #004abb; text-decoration: underline; margin: 0 0.1rem; }

.ServiceMap .main .con .map .searchBox .top .myLocation { color: #000; margin-left: 0.2rem; }

.ServiceMap .main .con .map .searchBox .top .myLocation .icon-miaozhun { font-size: 0.18rem; vertical-align: -0.02rem; margin-left: 0.03rem; }

.ServiceMap .main .con .map .searchBox .cityBox { width: 4rem; height: 3.3rem; overflow: hidden; position: absolute; left: 0; top: 55px; right: 0; z-index: 1; margin: 0 auto; background: #fff; border: 1px solid #ccc; display: none; }

.ServiceMap .main .con .map .searchBox .cityBox ul { height: auto; height: 3rem; overflow: auto; float: left; text-align: center; padding: 0.1rem 0; background: #fff; }

.ServiceMap .main .con .map .searchBox .cityBox ul li { font-size: 0.16rem; line-height: 0.4rem; cursor: pointer; }

.ServiceMap .main .con .map .searchBox .cityBox ul li:hover, .ServiceMap .main .con .map .searchBox .cityBox ul li.active { background: #f5f5f5; }

.ServiceMap .main .con .map .searchBox .cityBox ul.province { width: 40%; }

.ServiceMap .main .con .map .searchBox .cityBox ul.city { width: 60%; }

.ServiceMap .main .con .map .searchBox form { height: auto; overflow: hidden; border: 1px solid #ccc; padding: 0 0.1rem; margin-top: 0.2rem; }

.ServiceMap .main .con .map .searchBox form input { width: 3.5rem; height: 0.4rem; line-height: 0.4rem; border: 0; font-size: 0.16rem; }

.ServiceMap .main .con .map .searchBox form .icon-search { font-size: 0.2rem; cursor: pointer; vertical-align: -0.04rem; }

.ServiceMap .main .con .map .searchBox .siteList { height: auto; overflow: hidden; margin-top: 0.2rem; position: relative; }

.ServiceMap .main .con .map .searchBox .siteList .t { height: auto; overflow: hidden; font-size: 0.16rem; border-bottom: 1px solid #ccc; padding-bottom: 0.1rem; line-height: 0.25rem; }

.ServiceMap .main .con .map .searchBox .siteList .t span { color: #ff7e00; font-family: "SourceHanSans-Bold"; }

.ServiceMap .main .con .map .searchBox .siteList .t .btnFilter { float: right; border: 1px solid #004abb; color: #004abb; line-height: 0.25rem; padding: 0 0.1rem; }

.ServiceMap .main .con .map .searchBox .siteList .filterBox { width: 100%; height: 3.3rem; position: absolute; background: #fff; left: 0; top: 0.5rem; display: none; }

.ServiceMap .main .con .map .searchBox .siteList .filterBox span { width: 46%; font-size: 0.16rem; height: 0.4rem; line-height: 0.4rem; background: #eee; display: block; text-align: center; float: left; margin: 0.15rem 2% 0; cursor: pointer; }

.ServiceMap .main .con .map .searchBox .siteList .filterBox span.active { background: #004abb; color: #fff; }

.ServiceMap .main .con .map .searchBox .siteList .filterBox span.btn { width: 1.4rem; background: #004abb; color: #fff; float: inherit; margin: 0.3rem auto; }

.ServiceMap .main .con .map .searchBox .siteList ul { height: auto; max-height: 3.3rem; overflow: auto; margin-top: 0.1rem; }

.ServiceMap .main .con .map .searchBox .siteList ul li { height: auto; overflow: hidden; border-bottom: 1px dashed #ccc; padding: 0.2rem 0; }

.ServiceMap .main .con .map .searchBox .siteList ul li h2 { font-size: 0.16rem; color: #000; margin-bottom: 0.15rem; cursor: pointer; }

.ServiceMap .main .con .map .searchBox .siteList ul li h2 span { width: 0.2rem; height: 0.2rem; line-height: 0.2rem; color: #fff; background: #004abb; display: inline-block; text-align: center; }

.ServiceMap .main .con .map .searchBox .siteList ul li p { font-size: 0.16rem; color: #666; margin-top: 0.1rem; }

.ServiceMap .main .con .map .searchBox .siteList ul li p span { border: 1px solid #eee; padding: 0.06rem 8px; margin-right: 0.1rem; display: inline-block; margin-top: 0.1rem; }

.ServiceMap .main .con .map .searchBox .siteList ul li .lx { width: 1.45rem; line-height: 0.4rem; background: #eaeaea; font-size: 0.16rem; color: #333; text-align: center; display: block; margin-top: 0.15rem; }

.ServiceMap .main .con .map .searchBox .btnUp { width: 100%; background: #eee; position: absolute; left: 0; bottom: 0; text-align: center; padding: 5px 0; }

.ServiceMap .main .con .map .searchBox .btnUp .icon-dropdown:before { content: "\e63a" !important; }

/*About*/
.About .main .con { height: auto; overflow: hidden; min-height: 5rem; padding: 0.3rem 0; }

.About .main .con .img { width: 52%; position: relative; cursor: pointer; overflow: hidden; border-radius: 0.15rem; }

.About .main .con .img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 1; transition: all .4s; }

.About .main .con .img img { width: 100%; transition: all .4s; }

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

.About .main .con .img:hover:before { opacity: 0; }

.About .main .con .img:hover img { transform: scale(1.1); }

.About .main .con .text { width: 48%; height: auto; overflow: hidden; position: relative; padding: 1% 0 0 5%; }

.About .main .con .text .commonTitle { margin-bottom: 5%; }

.About .main .con .text p { font-size: 0.16rem; color: #333333; line-height: 0.3rem; margin-top: 4%; }

.About .main .con ul { height: auto; overflow: hidden; margin-top: 0.6rem; }

.About .main .con ul li { width: 25%; float: left; text-align: center; }

.About .main .con ul li i { font-size: 0.8rem; color: #004abb; }

.About .main .con ul li h2 { font-size: 0.18rem; color: #666; padding: 0.1rem 0.2rem; }

/*AboutCulture*/
.AboutCulture .main .con { height: auto; overflow: hidden; min-height: 5rem; padding: 0.3rem 0; }

.AboutCulture .main .con ul { height: auto; overflow: hidden; margin-top: 0.3rem; }

.AboutCulture .main .con ul li { width: 20%; float: left; background: #F6F6F6; padding: 0.9rem 0.3rem 0; min-height: 4.7rem; }

.AboutCulture .main .con ul li .iconfont { font-size: 0.6rem; margin: 0 auto 0.4rem; display: block; text-align: center; color: #004abb; }

.AboutCulture .main .con ul li .text { text-align: center; }

.AboutCulture .main .con ul li .text h2 { font-size: 0.24rem; color: #004abb; font-family: "SourceHanSans-Bold"; margin-bottom: 0.15rem; }

.AboutCulture .main .con ul li .text p { font-size: 0.16rem; line-height: 0.26rem; color: #333333; }

.AboutCulture .main .con ul li:nth-child(odd) { background: #004abb; }

.AboutCulture .main .con ul li:nth-child(odd) .iconfont { color: #fff; }

.AboutCulture .main .con ul li:nth-child(odd) .text h2, .AboutCulture .main .con ul li:nth-child(odd) .text p { color: #fff; }

/*AboutCare*/
.AboutCare .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.AboutCare .main .con { height: auto; overflow: hidden; min-height: 5rem; padding: 0.7rem 0; }

.AboutCare .main .con .topBox { height: auto; overflow: hidden; text-align: center; }

.AboutCare .main .con .topBox h2 { font-size: 0.3rem; color: #333; margin-bottom: 0.1rem; }

.AboutCare .main .con .topBox p { font-size: 0.16rem; color: #666; line-height: 0.3rem; }

.AboutCare .main .con .times-list { height: 100%; overflow: hidden; position: relative; margin-top: 0.4rem; padding-top: 0.4rem; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: #ddd; }

.AboutCare .main .con .times-list .fl, .AboutCare .main .con .times-list .fr { width: 50%; border-bottom: 1px dotted #ddd; position: relative; padding-bottom: 0.9rem; margin-bottom: 0.25rem; }

.AboutCare .main .con .times-list .fl img, .AboutCare .main .con .times-list .fr img { margin-bottom: 0.2rem; }

.AboutCare .main .con .times-list .fl .text-box h2, .AboutCare .main .con .times-list .fr .text-box h2 { font-size: 0.18rem; line-height: 0.3rem; color: #333; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.05rem; transition: all .4s; }

.AboutCare .main .con .times-list .fl .text-box p, .AboutCare .main .con .times-list .fr .text-box p { font-size: 0.14rem; line-height: 0.24rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.AboutCare .main .con .times-list .fl .icon-arrow, .AboutCare .main .con .times-list .fr .icon-arrow { display: block; font-size: 0.2rem; margin-top: 0.1rem; color: #666; }

.AboutCare .main .con .times-list .fl a:hover h2, .AboutCare .main .con .times-list .fl a:hover .icon-arrow, .AboutCare .main .con .times-list .fr a:hover h2, .AboutCare .main .con .times-list .fr a:hover .icon-arrow { color: #004abb; }

.AboutCare .main .con .times-list .fl .date, .AboutCare .main .con .times-list .fr .date { position: absolute; top: 0; z-index: 2; font-size: 0.3rem; line-height: 0.52rem; transition: all .4s; color: #004abb; }

.AboutCare .main .con .times-list .fl .date i, .AboutCare .main .con .times-list .fr .date i { font-size: 0.2rem; line-height: 0.52rem; vertical-align: middle; color: #004abb; }

.AboutCare .main .con .times-list .fl .date .icon-next, .AboutCare .main .con .times-list .fr .date .icon-next { margin-left: 0.05rem; }

.AboutCare .main .con .times-list .fl .img-box, .AboutCare .main .con .times-list .fr .img-box { position: relative; overflow: hidden; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn div, .AboutCare .main .con .times-list .fr .img-box .nav-btn div { position: absolute; top: 28%; z-index: 1; cursor: pointer; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .left, .AboutCare .main .con .times-list .fr .img-box .nav-btn .left { left: 0; }

.AboutCare .main .con .times-list .fl .img-box .nav-btn .right, .AboutCare .main .con .times-list .fr .img-box .nav-btn .right { right: 0; }

.AboutCare .main .con .times-list .fr { padding: 0.2rem 7% 2% 3%; margin-left: 0.2rem; }

.AboutCare .main .con .times-list .fr .date { left: -1.1rem; }

.AboutCare .main .con .times-list .fl { padding: 0.2rem 3% 2% 7%; margin-right: 0.2rem; }

.AboutCare .main .con .times-list .fl .date { left: 98.5%; width: 50%; right: auto; }

.AboutCare .main .con .times-list:before { content: ""; display: block; position: absolute; width: 0.24rem; height: 0.24rem; top: 0; left: 50%; border: 0.02rem solid #ddd; border-radius: 50%; margin-left: -0.12rem; background: #fff; z-index: 1; }

.AboutCare .main .con .times-list:after { content: ""; display: block; position: absolute; width: 0.02rem; height: 100%; top: 0; left: 50%; background: #F0F2F6; margin-left: -0.01rem; }

.AboutCompliance .page-title h3 { font-size: 0.4rem !important; }

/*Contact*/
.Contact .main .con { height: auto; overflow: hidden; min-height: 5rem; padding-top: 0.2rem; }

.Contact .main .con ul { height: auto; overflow: hidden; margin: 0.6rem 0; }

.Contact .main .con ul li { width: 20%; float: left; text-align: center; }

.Contact .main .con ul li .iconfont { font-size: 0.46rem; color: #004abb; }

.Contact .main .con ul li h2 { font-size: 0.24rem; color: #333; margin: 0.1rem 0; }

.Contact .main .con ul li p { font-size: 0.16rem; color: #656565; line-height: 0.22rem; }

.Contact .main .con .line { width: 100%; height: 1px; background: #e5e5e5; margin-bottom: 0.8rem; }

.Contact .main .con #allmap { width: 100%; height: 6rem; margin-top: 0.8rem; }

.Contact .main .con #allmap * { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; }

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

.Contact .main .con #allmap ul { margin: 0; overflow: visible; }

.Contact .main .con #allmap ul li { width: 100%; }

.tangram-suggestion-main { z-index: 1; }

/*Join*/
.Join .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.Join .main .con { height: auto; overflow: hidden; min-height: 5rem; padding-bottom: 1rem; }

.Join .main .con .block { height: auto; overflow: hidden; text-align: center; margin-top: 0.7rem; }

.Join .main .con .block .t { font-size: 0.3rem; color: #333; margin-bottom: 0.1rem; }

.Join .main .con .block .st { font-size: 0.16rem; color: #666; line-height: 0.3rem; }

.Join .main .con .block ul { height: auto; overflow: hidden; }

.Join .main .con .block ul li { width: 20%; float: left; margin-top: 0.4rem; }

.Join .main .con .block ul li img { width: 1rem; margin: 0 auto 0.2rem; }

.Join .main .con .block ul li h2 { font-size: 0.18rem; color: #333; }

.Join .main .con .block .textImg { height: auto; overflow: hidden; text-align: left; margin-top: 0.25rem; }

.Join .main .con .block .textImg .text { width: 48%; padding-top: 0.7rem; }

.Join .main .con .block .textImg .text p { font-size: 0.16rem; color: #333; margin-bottom: 0.1rem; line-height: 0.26rem; }

.Join .main .con .block .textImg .text p b { font-family: "SourceHanSans-Bold"; }

.Join .main .con .block .textImg .text h2 { font-size: 0.16rem; font-family: "SourceHanSans-Bold"; color: #333; margin-bottom: 0.1rem; }

.Join .main .con .block .textImg .text img { margin-top: 0.35rem; }

.Join .main .con .block .textImg .text .h { height: 0.2rem; }

.Join .main .con .block .textImg .img { width: 50%; }

.Join .main .con .block .textImg .img img { width: 100%; }

/*JoinSh*/
.JoinSh .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.JoinSh .main .con { height: auto; overflow: hidden; min-height: 5rem; padding-bottom: 1rem; }

.JoinSh .main .con .container { width: 12rem; margin: 0 auto; }

.JoinSh .main .con .tableBox { height: auto; overflow: hidden; margin-top: 0.4rem; }

.JoinSh .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 0.45rem; background: #004abb; }

.JoinSh .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 0.16rem; color: #fff; position: relative; }

.JoinSh .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinSh .main .con .tableBox .table li .item { width: 25%; line-height: 0.5rem; float: left; text-align: center; font-size: 0.15rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinSh .main .con .tableBox .table li .item .iconfont { position: absolute; right: 0.15rem; transition: all .4s; }

.JoinSh .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 0.3rem; display: none; background: #f9f9f9; }

.JoinSh .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 0.25rem; }

.JoinSh .main .con .tableBox .table li .con .bb .tt { font-size: 0.16rem; color: #656565; margin-bottom: 0.1rem; font-family: "SourceHanSans-Bold"; }

.JoinSh .main .con .tableBox .table li .con .bb p { font-size: 0.15rem; color: #656565; line-height: 0.25rem; position: relative; }

.JoinSh .main .con .tableBox .table li .con .bb p a { color: #0050C9; }

.JoinSh .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

/*JoinXy*/
.JoinXy .main { height: auto; overflow: hidden; padding: 0.6rem 0 0; }

.JoinXy .main .con { height: auto; overflow: hidden; min-height: 5rem; padding-bottom: 1rem; }

.JoinXy .main .con .container { width: 12rem; margin: 0 auto; }

.JoinXy .main .con .block { height: auto; overflow: hidden; margin-top: 0.7rem; }

.JoinXy .main .con .block .t { font-size: 0.3rem; color: #333; margin-bottom: 0.1rem; text-align: center; }

.JoinXy .main .con .block .st { font-size: 0.16rem; color: #666; line-height: 0.3rem; text-align: center; }

.JoinXy .main .con .block .list { height: auto; overflow: hidden; margin: 0.5rem -0.2rem 0; position: relative; }

.JoinXy .main .con .block .list li { width: 25%; float: left; padding: 0 0.2rem; position: relative; z-index: 1; }

.JoinXy .main .con .block .list li img { margin: 0 auto; }

.JoinXy .main .con .block .list li h2 { font-size: 0.18rem; color: #004abb; text-align: center; margin: 0.2rem 0; }

.JoinXy .main .con .block .list li p { font-size: 0.15rem; color: #656565; line-height: 0.24rem; margin-bottom: 0.1rem; }

.JoinXy .main .con .block .list li p a { color: #004abb; }

.JoinXy .main .con .block .list:after { content: ""; width: 80%; border-bottom: 1px dashed #bbb; position: absolute; left: 0; top: 0.5rem; right: 0; margin: auto; z-index: 0; }

.JoinXy .main .con .tableBox { height: auto; overflow: hidden; margin-top: 0.4rem; }

.JoinXy .main .con .tableBox .table-title { width: 100%; overflow: hidden; line-height: 0.45rem; background: #004abb; }

.JoinXy .main .con .tableBox .table-title .item { width: 25%; float: left; text-align: center; font-size: 0.16rem; color: #fff; position: relative; }

.JoinXy .main .con .tableBox .table { height: auto; overflow: hidden; border: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li { height: auto; overflow: hidden; border-bottom: 1px solid #F1F2EF; }

.JoinXy .main .con .tableBox .table li .item { width: 25%; line-height: 0.5rem; float: left; text-align: center; font-size: 0.15rem; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; cursor: pointer; }

.JoinXy .main .con .tableBox .table li .item .iconfont { position: absolute; right: 0.15rem; transition: all .4s; }

.JoinXy .main .con .tableBox .table li .con { height: auto; overflow: hidden; padding: 0.3rem; display: none; background: #f9f9f9; }

.JoinXy .main .con .tableBox .table li .con .bb { height: auto; overflow: hidden; margin-bottom: 0.25rem; }

.JoinXy .main .con .tableBox .table li .con .bb .tt { font-size: 0.16rem; color: #656565; margin-bottom: 0.1rem; font-family: "SourceHanSans-Bold"; }

.JoinXy .main .con .tableBox .table li .con .bb p { font-size: 0.15rem; color: #656565; line-height: 0.25rem; position: relative; }

.JoinXy .main .con .tableBox .table li .con .bb p a { color: #0050C9; }

.JoinXy .main .con .tableBox .table li.active .iconfont { transform: rotate(180deg); }

.JoinXy .main .con .ad { margin-top: 0.5rem; display: block; }

/*Solution*/
.Solution .main .imgText { height: auto; overflow: hidden; }

.Solution .main .imgText a { display: block; }

.Solution .main .imgText .img, .Solution .main .imgText .text { width: 50%; overflow: hidden; }

.Solution .main .imgText .img img, .Solution .main .imgText .text img { width: 100%; }

.Solution .main .imgText .img h2, .Solution .main .imgText .text h2 { font-size: 0.36rem; color: #333; margin-bottom: 0.3rem; transition: all .4s; font-weight: bold; }

.Solution .main .imgText .img h3, .Solution .main .imgText .text h3 { font-size: 0.2rem; color: #333; margin-bottom: 0.3rem; font-family: "SourceHanSans-Medium"; }

.Solution .main .imgText .img p, .Solution .main .imgText .text p { font-size: 0.18rem; color: #999; line-height: 0.3rem; }

.Solution .main .imgText .img i, .Solution .main .imgText .text i { font-size: 0.26rem; margin-top: 0.2rem; color: #bbb; display: block; }

.Solution .main .imgText .text { padding: 7% 5% 0 0; }

.Solution .main .imgText:hover img { transform: scale(1.1); }

.Solution .main .imgText:hover h2, .Solution .main .imgText:hover i { color: #004abb; }

.Solution .main .imgText:nth-child(even) .text { padding: 7% 0 0 5%; }

/*NeiCPage*/
.NeiCPage .main { height: auto; overflow: hidden; padding: 0.6rem 0; margin-top: 0.8rem; }

.NeiCPage .main h2 { font-size: 0.18rem; line-height: 0.28rem; margin-top: 0.4rem; margin-bottom: 0.06rem; }

.NeiCPage .main p { font-size: 0.14rem; line-height: 0.3rem; color: #666; }

.NeiCPage .main ul { height: auto; overflow: hidden; }

.NeiCPage .main ul li { width: 20%; float: left; }

.NeiCPage .main dl { padding-bottom: 0.16rem; }

.NeiCPage .main dl dt { height: auto; overflow: hidden; padding-top: 0.4rem; border-bottom: 1px solid #ececec; }

.NeiCPage .main dl dt a { font-size: 0.2rem; padding-bottom: 0.2rem; display: block; }

.NeiCPage .main dl dd { height: auto; overflow: hidden; padding-top: 0.2rem; }

.NeiCPage .main dl dd a { width: 16.666%; font-size: 0.16rem; line-height: 0.46rem; display: block; float: left; }

.NeiCPage .main dl dd a:hover { color: #004abb; }

.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.14rem; }

/*Search*/
.Search .content { margin-top: 0.8rem; }

.Search .form { height: auto; overflow: hidden; background: #f5f5f5; padding: 0.7rem 0; text-align: center; }

.Search .form .title { font-size: 0.3rem; color: #333333; position: relative; z-index: 0; }

.Search .form .title span { background: #f5f5f5; position: relative; z-index: 1; padding: 0 0.2rem; }

.Search .form .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 0.2rem; z-index: 0; }

.Search .form .box { width: 40%; height: auto; overflow: hidden; margin: 0.4rem auto; }

.Search .form input { width: 80%; height: 0.5rem; line-height: 0.5rem; padding: 0.15rem; float: left; font-size: 0.18rem; background: #fff; }

.Search .form .btn { width: 20%; height: 0.5rem; line-height: 0.5rem; background: #004abb; text-align: center; display: block; float: left; }

.Search .form .btn i { color: #fff; font-size: 0.22rem; }

.Search .nodata { height: auto; overflow: hidden; padding: 0.4rem 0; }

.Search .nodata h2 { font-size: 0.22rem; }

.Search .nodata h2 span { color: #004abb; }

.Search .nodata .box { text-align: center; padding: 1rem 0; }

.Search .nodata .box .icon { width: 0.88rem; margin: 0 auto 0.2rem; }

.Search .nodata .box p { font-size: 0.16rem; color: #666; }

.Search .block { height: auto; overflow: hidden; min-height: 5rem; }

.Search .block .tit { font-size: 0.3rem; padding-bottom: 0.2rem; border-bottom: 1px solid #ddd; clear: both; margin-bottom: 0.4rem; }

.Search .block .list { padding-bottom: 0 !important; overflow: visible; }

.Search .block .Product { height: auto; overflow: hidden; margin-bottom: 0.6rem; }

.Search .block .page { margin-bottom: 1rem; }

/*Vin*/
.Vin .main .title { font-size: 0.3rem; color: #333333; position: relative; z-index: 0; text-align: center; }

.Vin .main .title span { background: #fff; position: relative; z-index: 1; padding: 0 0.2rem; }

.Vin .main .title:after { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 0.2rem; z-index: 0; }

.Vin .main .section { position: relative; }

.Vin .main .con { width: 11.5rem; margin: 0.6rem auto; overflow: hidden; }

.Vin .main .con .input-box { width: 48%; height: 0.5rem; border: 1px solid #DCDCDC; overflow: hidden; padding: 0 0.2rem; font-weight: 300; }

.Vin .main .con .input-box input { width: 97%; height: 100%; float: left; font-size: 0.18rem; }

.Vin .main .con .input-box .iconfont { font-size: 0.3rem; float: left; line-height: 0.6rem; }

.Vin .main .con .imgCode-box { width: 48%; height: 0.5rem; border: 1px solid #DCDCDC; overflow: hidden; padding-left: 0.2rem; font-weight: 300; }

.Vin .main .con .imgCode-box input { width: 60%; height: 100%; float: left; font-size: 0.18rem; float: left; }

.Vin .main .con .imgCode-box .imgCode { width: 40%; height: 100%; float: right; }

.Vin .main .con .imgCode-box .imgCode img { width: 100%; height: 100%; }

.Vin .main .con .list { height: auto; overflow: hidden; margin-top: 0.3rem; }

.Vin .main .con .list li { font-size: 0.18rem; color: #161616; border-bottom: 1px solid #eee; line-height: 0.45rem; position: relative; text-align: left; padding-left: 0.3rem; }

.Vin .main .con .list li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Vin .main .con .list li a:hover { color: #004abb; }

.Vin .main .con .list li span { color: #004abb; float: right; }

.Vin .main .con .list li .iconfont { font-size: 0.14rem; color: #999; margin-right: 0.1rem; }

.Vin .main .con .list li .icon-pdf { width: 0.2rem; height: 0.2rem; background: url(../images/icon-pdf.png) center no-repeat; background-size: 100%; display: block; position: absolute; left: 0; top: 12px; }

.Vin .main .con .btns { text-align: center; }

.Vin .main .con .search-btn, .Vin .main .con .reset-btn { width: 1.7rem; color: #fff; font-size: 0.18rem; background: #004abb; border: 1px solid #004abb; border-radius: 0.5rem; display: inline-block; padding: 0.15rem 0; text-align: center; margin: 0.4rem 0 0.3rem; line-height: 0.24rem; }

.Vin .main .con .reset-btn { background: transparent; border-color: #000; color: #000 !important; margin-left: 0.2rem; }

.Vin .main .con .not { font-size: 0.18rem; text-align: left; }

.Vin .main .con .not span { color: #004abb; line-height: 0.34rem; }

.Vin .main .con .not p { font-size: 0.16rem; color: #000; font-weight: 400; line-height: 0.26rem; }

.Vin .main .con .searchResultBox { margin-top: 0.5rem; }

.Vin .main .con .searchResultBox .tt { font-size: 0.26rem; position: relative; text-align: center; }

.Vin .main .con .searchResultBox .tt:before { content: ""; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%; }

.Vin .main .con .searchResultBox .tt span { background: #fff; position: relative; z-index: 1; padding: 0 0.3rem; }

.Vin .main .con .searchResultBox ul { display: flex; flex-wrap: wrap; margin-top: 0.3rem; }

.Vin .main .con .searchResultBox ul li { width: 50%; font-size: 0.18rem; margin-top: 0.2rem; line-height: 1.6; display: flex; }

.Vin .main .con .searchResultBox ul li span { color: #004abb; flex-shrink: 0; flex: 1; }

.Vin .main .con .searchResultBox ul li span b { color: red; margin-left: .2rem; }

.Vin .main .pt .con { margin: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.Vin .main .pt .page-title h3 { color: #fff; }

.Vin .main .pt .search-btn, .Vin .main .pt .reset-btn { margin-top: 0; margin-bottom: 0; }

.Vin .main .pt .reset-btn { border-color: #fff; color: #fff !important; }

/* 404 */
.Page404 .content { text-align: center; padding: 2rem 0; }

.Page404 .content .icon { margin: 0 auto 0.2rem; display: block; }

.Page404 .content .text { height: auto; overflow: hidden; margin-top: 0.2rem; }

.Page404 .content .text h1 { font-size: 0.5rem; color: #333; display: inline-block; font-family: "SourceHanSans-Bold"; }

.Page404 .content .text .p { display: inline-block; }

.Page404 .content .text .p p { width: 1rem; font-size: 0.14rem; line-height: 0.18rem; color: #333; float: left; margin: 0 0.15rem; }

.Page404 .content .text .p .btn { width: 1.8rem; height: 0.38rem; line-height: 0.38rem; font-size: 0.14rem; border: 1px solid #004abb; color: #004abb; text-align: center; display: block; float: left; }

.Page404 .content .text .p .btn i { font-size: 0.14rem; color: #004abb; }

/* 公用视频弹出 */
.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 .4s; }

.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 - 2.6rem); 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; }

/* TechnologyRk */
.TechnologyRk .container { width: 87.5%; }

.TechnologyRk .topBox h3 { font-size: 0.36rem; font-family: "SourceHanSans-Bold"; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: 0.29rem; text-align: center; }

.TechnologyRk .topBox h3 img { display: block; margin: 0 auto; }

.TechnologyRk .topBox p { font-size: 0.16rem; color: #333; text-align: center; line-height: 0.32rem; }

.TechnologyRk .block1 .container { height: 4.9rem; background: url(../images/technology-rk/bg-block1.jpg) center top no-repeat; background-size: cover; }

.TechnologyRk .block1 .topBox { padding: 0.89rem 0 0.42rem; }

.TechnologyRk .block1 .topBox p { color: #fff; }

.TechnologyRk .block1 .box img { display: block; margin: 0 auto; }

.TechnologyRk .block2 { margin-top: 1rem; }

.TechnologyRk .block2 .topBox { padding-bottom: 0.4rem; }

.TechnologyRk .block2 .box ul { display: flex; justify-content: space-between; width: 100%; }

.TechnologyRk .block2 .box ul li { width: 30.9%; }

.TechnologyRk .block2 .box ul li .img-box { margin-bottom: 0.22rem; }

.TechnologyRk .block2 .box ul li .img-box img { aspect-ratio: 520/320; }

.TechnologyRk .block2 .box ul li .text-box { text-align: center; }

.TechnologyRk .block2 .box ul li .text-box img { margin: 0 auto 0.1rem; }

.TechnologyRk .block2 .box ul li .text-box h4 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #333; }

.TechnologyRk .block3 { margin-top: 1.12rem; background: url(../images/technology-rk/bg-block3.jpg) center top no-repeat; background-size: cover; height: 8.5rem; }

.TechnologyRk .block3 .topBox { padding: 1rem 0 0.48rem; }

.TechnologyRk .block3 .topBox h3 { color: #fff; }

.TechnologyRk .block3 .topBox p { color: #fff; }

.TechnologyRk .block3 .box ul { width: 10rem; margin: 0 auto; display: flex; justify-content: space-between; }

.TechnologyRk .block3 .box ul li { width: 50%; }

.TechnologyRk .block3 .box ul li:nth-child(2) h4 { text-align: right; }

.TechnologyRk .block3 .box ul li:nth-child(2) p { justify-content: flex-end; }

.TechnologyRk .block3 .box ul li:nth-child(2) p span { margin-left: 0.42rem; margin-right: 0; }

.TechnologyRk .block3 .box ul li h4 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #fff; padding-bottom: 0.28rem; }

.TechnologyRk .block3 .box ul li p { display: flex; }

.TechnologyRk .block3 .box ul li p span { font-size: 0.16rem; color: #fff; margin-right: 0.42rem; position: relative; padding-left: 0.18rem; }

.TechnologyRk .block3 .box ul li p span:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -0.02rem; width: 0.04rem; height: 0.04rem; border-radius: 100%; background-color: #fff; }

.TechnologyRk .block4 { margin-top: 1rem; padding-bottom: 2rem; position: relative; background: url(../images/technology-rk/bg-block4.png) center bottom no-repeat; background-size: 100%; }

.TechnologyRk .block4 .topBox { padding-bottom: 0.5rem; }

.TechnologyRk .block4 .box ul { display: flex; justify-content: center; }

.TechnologyRk .block4 .box ul li { text-align: center; cursor: pointer; }

.TechnologyRk .block4 .box ul li:nth-child(2n) { margin-top: 2.1rem; }

.TechnologyRk .block4 .box ul li img { transition: all .4s; animation: pointMove 1.5s ease-in-out infinite alternate; }

.TechnologyRk .block4 .box ul li p { transition: all .4s; font-size: 0.18rem; font-family: "SourceHanSans-Bold"; color: #000; line-height: 0.24rem; }

.TechnologyRk .block4 .box ul li:hover p { color: #1249BD; }

.TechnologyRk .block4 .waves { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }

.TechnologyRk .block4 .editorial { width: 100%; height: 20vh; position: absolute; left: 0; bottom: 0; }

.TechnologyRk .block4 .editorial .parallax use { animation: move-forever 12s linear infinite; transform-origin: 50% 50%; }

.TechnologyRk .block4 .editorial .parallax use:nth-child(1) { animation-delay: -2s; }

.TechnologyRk .block4 .editorial .parallax use:nth-child(2) { animation-delay: -2s; animation-duration: 5s; }

.TechnologyRk .block4 .editorial .parallax use:nth-child(3) { animation-delay: -4s; animation-duration: 3s; }

.TechnologyRk .block5 { padding-top: 98px; background: url(../images/technology-rk/bg-block5.jpg) center top no-repeat; background-size: cover; height: 9rem; }

.TechnologyRk .block5 .topBox { padding-bottom: 0.3rem; }

.TechnologyRk .block5 .topBox h3, .TechnologyRk .block5 .topBox p { color: #fff; }

.TechnologyRk .block5 .box img { margin-bottom: 0.2rem; }

.TechnologyRk .block5 .box ul { display: flex; }

.TechnologyRk .block5 .box ul li { background: url(../images/technology-rk/bg-li-block5.png) center bottom no-repeat #fff; background-size: 100%; min-width: 2.7rem; width: 17.8%; aspect-ratio: 3/4; -webkit-aspect-ratio: 3/4; margin-right: 0.16rem; padding: 4% 2% 0; }

.TechnologyRk .block5 .box ul li img { margin-bottom: 0.3rem; }

.TechnologyRk .block5 .box ul li h3 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #000; margin-bottom: 0.24rem; }

.TechnologyRk .block5 .box ul li p { font-size: 0.16rem; color: #333333; line-height: 0.28rem; }

.TechnologyRk .block5 .box ul li p span { color: #1249BD; }

.TechnologyPower .container { width: 87.5%; }

.TechnologyPower .topBox h3 { font-size: 0.36rem; font-family: "SourceHanSans-Bold"; font-family: "SourceHanSans-Bold"; color: #000; margin-bottom: 0.29rem; text-align: center; }

.TechnologyPower .topBox h3 img { display: block; margin: 0 auto; }

.TechnologyPower .topBox p { font-size: 0.16rem; color: #333; text-align: center; line-height: 0.32rem; }

.TechnologyPower .block1 .container { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 3rem; background: url(../images/technology-power/bg-block1.jpg) center top no-repeat; background-size: cover; }

.TechnologyPower .block1 p { font-size: 0.16rem; color: #fff; }

.TechnologyPower .block2 { margin-top: 1rem; }

.TechnologyPower .block2 .topBox { padding-bottom: 0.4rem; }

.TechnologyPower .block2 .box { display: flex; justify-content: space-between; }

.TechnologyPower .block2 .box .img-box { overflow: hidden; width: 50%; }

.TechnologyPower .block2 .box .img-box img { aspect-ratio: 960/750; -webkit-aspect-ratio: 960/750; }

.TechnologyPower .block2 .box .text-box { width: 50%; background: url(../images/technology-power/bg-block2.jpg) center top no-repeat; background-size: cover; padding-right: 6.25%; padding-left: 3.12%; padding-top: 7%; }

.TechnologyPower .block2 .box .text-box h3 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #fff; margin-bottom: 4%; line-height: 0.4rem; }

.TechnologyPower .block2 .box .text-box p { font-size: 0.18rem; color: #fff; line-height: 0.45rem; opacity: .9; }

.TechnologyPower .block3 { margin-top: 1rem; }

.TechnologyPower .block3 .container { overflow: visible; }

.TechnologyPower .block3 .topBox { padding-bottom: 0.4rem; }

.TechnologyPower .block3 .box { overflow: hidden; padding-bottom: 0.6rem; }

.TechnologyPower .block3 .text-box { background-color: #1052C4; height: 2.4rem; padding: 0.4rem 8%; }

.TechnologyPower .block3 .text-box h3 { color: #fff; font-size: 0.24rem; font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem; }

.TechnologyPower .block3 .text-box h4 { color: #fff; font-size: 0.2rem; font-family: "SourceHanSans-Medium"; margin-bottom: 0.24rem; }

.TechnologyPower .block3 .text-box p { color: #fff; font-size: 0.16rem; color: #D9DFE9; line-height: 0.3rem; }

.TechnologyPower .block3 .left-btn { cursor: pointer; z-index: 2; position: absolute; left: -0.8rem; top: 50%; width: 0.8rem; margin-top: -0.4rem; text-align: right; }

.TechnologyPower .block3 .left-btn span { font-size: 0.3rem; margin-right: 0.2rem; color: #1249BD; }

.TechnologyPower .block3 .left-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block3 .right-btn { cursor: pointer; z-index: 2; position: absolute; right: -0.8rem; top: 50%; width: 0.8rem; margin-top: -0.4rem; }

.TechnologyPower .block3 .right-btn span { font-size: 0.3rem; margin-left: 0.2rem; color: #1249BD; }

.TechnologyPower .block3 .right-btn.swiper-button-disabled span { color: #C3C5C9; }

.TechnologyPower .block3 .swiper-pagination { bottom: 0; }

.TechnologyPower .block3 .swiper-pagination .swiper-pagination-bullet { width: 0.3rem; height: 0.05rem; border-radius: 50%; }

.TechnologyPower .block3 .swiper-pagination .swiper-pagination-bullet-active { background-color: #1052C4; }

.TechnologyPower .block4 { margin-top: 1.23rem; }

.TechnologyPower .block4 .topBox { padding-bottom: 0.3rem; }

.TechnologyPower .block4 .box { display: flex; justify-content: space-between; }

.TechnologyPower .block4 .box .img-box { overflow: hidden; width: 50%; }

.TechnologyPower .block4 .box .img-box img { aspect-ratio: 960/750; -webkit-aspect-ratio: 960/750; }

.TechnologyPower .block4 .box .text-box { width: 50%; background: linear-gradient(359deg, #092D80 0%, #0962D6 100%); padding-left: 6.25%; display: flex; align-items: center; }

.TechnologyPower .block4 .box .text-box ul li { transition: all .4s; padding-bottom: 0.4rem; padding-left: 0.3rem; position: relative; }

.TechnologyPower .block4 .box .text-box ul li::before { content: ""; position: absolute; left: 0.04rem; top: 0; bottom: 0; border: 1px dashed #3069C4; }

.TechnologyPower .block4 .box .text-box ul li:last-child { padding-bottom: 0; }

.TechnologyPower .block4 .box .text-box ul li span { position: absolute; left: 0.01rem; top: 0.06rem; z-index: 2; width: 0.06rem; height: 0.06rem; background: #fff; border: 0.04rem solid rgba(255, 255, 255, 0.1); border-radius: 100%; }

.TechnologyPower .block4 .box .text-box ul li h3 { font-family: "SourceHanSans-Medium"; font-size: 0.18rem; color: #fff; cursor: pointer; opacity: .7; }

.TechnologyPower .block4 .box .text-box ul li h4 { font-size: 0.2rem; color: #fff; margin-bottom: 0.3rem; }

.TechnologyPower .block4 .box .text-box ul li p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; margin-bottom: 0.55rem; }

.TechnologyPower .block4 .box .text-box ul li .text { height: 0; overflow: hidden; transition: all .4s; }

.TechnologyPower .block4 .box .text-box ul li.active { padding-bottom: 0; }

.TechnologyPower .block4 .box .text-box ul li.active span { left: -0.01rem; top: 0.06rem; width: 0.13rem; height: 0.13rem; border: 0.02rem solid #fff; background: none; }

.TechnologyPower .block4 .box .text-box ul li.active span::before { content: ""; position: absolute; left: 50%; top: 50%; margin-left: -0.03rem; margin-top: -0.03rem; width: 0.06rem; height: 0.06rem; background-color: #fff; border-radius: 100%; }

.TechnologyPower .block4 .box .text-box ul li.active h3 { font-size: 0.24rem; margin-bottom: 0.2rem; opacity: 1; }

.TechnologyPower .block4 .box .text-box ul li.active .text { height: auto; }

.rk-popup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.8); align-items: center; display: none; }

.rk-popup.active { display: flex; }

.rk-popup .close-popup { position: absolute; right: 0.18rem; top: 0.18rem; z-index: 2; width: 0.44rem; height: 0.44rem; cursor: pointer; background: linear-gradient(180deg, #1244B9 0%, #0E63D2 100%); display: flex; justify-content: center; align-items: center; }

.rk-popup .close-popup span { transition: all .4s; font-family: "SourceHanSans-Bold"; color: #fff; font-size: 0.2rem; font-family: "SourceHanSans-Bold"; }

.rk-popup .close-popup:hover span { transform: rotate(180deg); }

.rk-popup .container { overflow: visible; background-color: #fff; padding: 3% 8.8%; width: 94.7%; }

.rk-popup .topBox { padding-bottom: 2%; position: relative; }

.rk-popup .topBox h3 { margin-bottom: 1%; font-size: 0.32rem; }

.rk-popup .topBox img { position: absolute; left: 0; top: -0.12rem; width: 1rem; }

.rk-popup .left-btn { cursor: pointer; z-index: 2; position: absolute; left: 0; top: 50%; width: 10%; margin-top: -0.4rem; text-align: center; }

.rk-popup .left-btn span { font-size: 0.36rem; color: #1249BD; margin-left: 0.1rem; }

.rk-popup .left-btn.swiper-button-disabled span { color: #C3C5C9; }

.rk-popup .right-btn { cursor: pointer; z-index: 2; position: absolute; right: 0; top: 50%; width: 10%; margin-top: -0.4rem; text-align: center; }

.rk-popup .right-btn span { font-size: 0.36rem; color: #1249BD; margin-right: 0.1rem; }

.rk-popup .right-btn.swiper-button-disabled span { color: #C3C5C9; }

.rk-popup .box { position: relative; overflow: hidden; padding-bottom: 0.3rem; }

.rk-popup .text-box { padding-top: 0.25rem; }

.rk-popup .text-box h3 { font-family: "SourceHanSans-Bold"; font-size: 0.2rem; margin-bottom: 0.05rem; }

.rk-popup .text-box p { font-size: 0.16rem; line-height: 0.3rem; }

.rk-popup .swiper-pagination { bottom: 0; }

.rk-popup .swiper-pagination-bullet { background-color: #BDBEBF; opacity: 1; }

.rk-popup .swiper-pagination-bullet-active { background-color: #114EC1; }

.rk-popup ul { display: flex; width: 100%; justify-content: space-between; }

.rk-popup ul.three li { width: 30.9%; }

.rk-popup ul.three li img { aspect-ratio: 470/330; -webkit-aspect-ratio: 470/330; }

.rk-popup ul.three li .img-box { position: relative; }

.rk-popup ul.three li .img-box .gif { position: absolute; left: 6%; z-index: 2; width: 40%; border: 1px solid rgba(17, 78, 193, 0.6); padding: 0.03rem; border-radius: 0.1rem; }

.rk-popup ul.three li .img-box .gif img { aspect-ratio: 170/115; -webkit-aspect-ratio: 170/115; border-radius: 0.1rem; }

.rk-popup ul.three li .img-box .gif1 { top: 9%; }

.rk-popup ul.three li .img-box .gif2 { bottom: 9%; }

.rk-popup ul.two li { width: 47.6%; }

.rk-popup ul.two li img { aspect-ratio: 720/410; -webkit-aspect-ratio: 720/410; }

.rk-popup .tab3-box { display: flex; justify-content: space-between; }

.rk-popup .tab3-box img { width: 50%; }

.rk-popup .tab3-box .text { padding: 8% 5% 0 5%; width: 50%; background: url(../images/technology-rk/tabs/3/bg.jpg) center top no-repeat; background-size: cover; }

.rk-popup .tab3-box .text p { font-size: 0.16rem; color: #fff; line-height: 0.26rem; }

.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: 0.2rem; color: #fff; }

.rk-popup .tab3-box .text dl dd h3 span { font-size: 0.3rem; font-family: "SourceHanSans-Bold"; }

.rk-popup .tab3-box .text dl dd p { font-size: 0.16rem; color: #fff; }

.rk-popup .tab3-box .text h4 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #fff; }

.rk-popup .tab3-box .text h4 span { font-size: 0.36rem; color: #fff; }

.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: 6% 0 0 5%; }

.rk-popup .tab6-box .text h3 { font-family: "SourceHanSans-Bold"; font-size: 0.24rem; color: #fff; margin-bottom: 0.14rem; }

.rk-popup .tab6-box .text p { font-size: 0.16rem; 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: 0.16rem; color: #fff; margin-bottom: 0.1rem; }

.rk-popup .tab6-box .text dl dd h4 span { font-family: "SourceHanSans-Bold"; font-size: 0.3rem; }

.rk-popup .tab6-box .text dl dd p { font-size: 0.16rem; color: #fff; }

.rk-popup .tab6-box .img { width: 50%; overflow: hidden; }

.rk-popup .tab6-box .img img { aspect-ratio: 750/500; -webkit-aspect-ratio: 750/500; }

.rk-popup .tab7-box dl { display: flex; justify-content: center; margin-bottom: 0.24rem; }

.rk-popup .tab7-box dl dd { cursor: pointer; font-size: 0.18rem; color: #666; position: relative; padding: 0 0.72rem 0.18rem; }

.rk-popup .tab7-box dl dd::before { transition: all .4s; width: 0; content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -0.16rem; height: 0.03rem; background-color: #1248BC; }

.rk-popup .tab7-box dl dd.active { color: #1248BC; }

.rk-popup .tab7-box dl dd.active::before { width: 0.32rem; }

.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: 0.6rem; margin-right: 0.2rem; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item h4 { font-family: "SourceHanSans-Bold"; font-size: 0.2rem; color: #000; margin-bottom: 0.1rem; }

.rk-popup .tab7-box .swiper .swiper-slide .text .item P { font-size: 0.16rem; color: #000; }

.rk-popup .tab7-box .swiper .swiper-slide .img { width: 50%; }

.rk-popup .tab7-box .swiper .swiper-slide .img img { aspect-ratio: 750/450; -webkit-aspect-ratio: 750/450; }

.scrollDisabled { height: 100vh; overflow: hidden; }

/* Solution-jr */
.Solution-jr .position .container { width: 87.5%; }

.Solution-jr .main .con { padding-bottom: 0; }

.Solution-jr .main .section { margin-top: 0.9rem; position: relative; z-index: 2; }

.Solution-jr .main .section .section-t { font-size: 0.36rem; text-align: center; margin-bottom: 0.4rem; font-family: "SourceHanSans-Bold"; }

.Solution-jr .main .section1 { margin-top: 0; padding: 0 1.2rem; }

.Solution-jr .main .section1 .text-img { display: flex; justify-content: space-between; }

.Solution-jr .main .section1 .text-img .text, .Solution-jr .main .section1 .text-img .img { width: 50%; }

.Solution-jr .main .section1 .text-img .text.text, .Solution-jr .main .section1 .text-img .img.text { position: relative; }

.Solution-jr .main .section1 .text-img .text.text:before, .Solution-jr .main .section1 .text-img .img.text:before { content: ""; width: 5.23rem; height: 4.32rem; background: url(../images/solution/jr-section1-zs.png) no-repeat center/100%; position: absolute; right: 0; bottom: 0; }

.Solution-jr .main .section1 .text-img .text.text ul li, .Solution-jr .main .section1 .text-img .img.text ul li { display: flex; align-items: center; margin-top: 0.7rem; }

.Solution-jr .main .section1 .text-img .text.text ul li img, .Solution-jr .main .section1 .text-img .img.text ul li img { width: 0.6rem; margin-right: 0.2rem; }

.Solution-jr .main .section1 .text-img .text.text ul li .txt h3, .Solution-jr .main .section1 .text-img .img.text ul li .txt h3 { font-size: 0.24rem; margin-bottom: 0.1rem; }

.Solution-jr .main .section1 .text-img .text.text ul li .txt p, .Solution-jr .main .section1 .text-img .img.text ul li .txt p { font-size: 0.16rem; line-height: 0.3rem; }

.Solution-jr .main .section1 .text-img .text.text ul li:first-child, .Solution-jr .main .section1 .text-img .img.text ul li:first-child { margin-top: 0.3rem; }

.Solution-jr .main .section1 .text-img .text.img img, .Solution-jr .main .section1 .text-img .img.img img { width: 100%; height: 100%; }

.Solution-jr .main .section2 { height: 8rem; padding: 1.4rem 0; background: url(../images/solution/jr-section2-bg.jpg) no-repeat center/cover; }

.Solution-jr .main .section2 .container { width: 87.5%; }

.Solution-jr .main .section2 .section-t { text-align: left; color: #fff; }

.Solution-jr .main .section2 .dsc { width: 35%; font-size: 0.16rem; color: #fff; line-height: 0.3rem; }

.Solution-jr .main .section2 .xs-display { display: none; }

.Solution-jr .main .section3 ul { display: flex; flex-wrap: wrap; }

.Solution-jr .main .section3 ul li { width: 50%; position: relative; overflow: hidden; }

.Solution-jr .main .section3 ul li img { width: 100%; transition: all .4s; height: 100%; object-fit: cover; }

.Solution-jr .main .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 .4s; }

.Solution-jr .main .section3 ul li .text img { width: 0.6rem; height: auto; }

.Solution-jr .main .section3 ul li .text h3 { font-size: 0.24rem; color: #fff; margin: 0.2rem 0; }

.Solution-jr .main .section3 ul li .text p { width: 50%; font-size: 0.16rem; line-height: 0.3rem; color: #fff; margin: 0 auto; text-align: center; transform: translateY(20%); transition: all .4s; opacity: 0; }

.Solution-jr .main .section3 ul li:hover img { transform: scale(1.1); }

.Solution-jr .main .section3 ul li:hover .text { background: rgba(0, 74, 187, 0.8); }

.Solution-jr .main .section3 ul li:hover .text img { transform: none; }

.Solution-jr .main .section3 ul li:hover .text p { transform: translateY(0); opacity: 1; }

/* Solution-cdz */
.Solution-cdz .position .container { width: 87.5%; }

.Solution-cdz .main .con { padding-bottom: 0; }

.Solution-cdz .main .section { padding-top: 0.9rem; }

.Solution-cdz .main .section .container { width: 87.5%; }

.Solution-cdz .main .section .section-t { font-size: 0.36rem; text-align: center; margin-bottom: 0.3rem; font-family: "SourceHanSans-Bold"; color: #000; }

.Solution-cdz .main .section .section-p { font-size: 0.16rem; line-height: 0.24rem; color: #333; text-align: center; padding-bottom: 0.3rem; }

.Solution-cdz .main .section1 { padding-top: 0; }

.Solution-cdz .main .section1 .container { overflow: visible; }

.Solution-cdz .main .section1 ul { display: flex; justify-content: space-between; }

.Solution-cdz .main .section1 ul li { transition: all .4s; width: 22.3%; height: 4.8rem; padding: 0 2.3%; }

.Solution-cdz .main .section1 ul li .icon-box { transition: all .4s; width: 1.2rem; height: 1.2rem; background: #F2F6FD; border-radius: 50%; margin: 1rem auto 0.4rem; display: flex; justify-content: center; align-items: center; }

.Solution-cdz .main .section1 ul li .icon-box i { color: #004ABB; font-family: "SourceHanSans-Bold"; font-size: 0.8rem; }

.Solution-cdz .main .section1 ul li h3 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #000; text-align: center; padding-bottom: 0.3rem; }

.Solution-cdz .main .section1 ul li p { font-size: 0.16rem; line-height: 0.26rem; color: #333; text-align: center; }

.Solution-cdz .main .section1 ul li:hover { box-shadow: 0 0.1rem 0.4rem 1px rgba(100, 120, 167, 0.2); border-radius: 0.04rem; }

.Solution-cdz .main .section1 ul li:hover .icon-box { background: #004ABB; }

.Solution-cdz .main .section1 ul li:hover .icon-box i { color: #fff; }

.Solution-cdz .main .section2 ul { display: flex; }

.Solution-cdz .main .section2 ul li { width: 50%; position: relative; }

.Solution-cdz .main .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 1.2rem 0.7rem; }

.Solution-cdz .main .section2 ul li .text-box h3 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; padding-bottom: 0.1rem; }

.Solution-cdz .main .section2 ul li .text-box p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; text-align: center; }

.Solution-cdz .main .section3 .box { position: relative; }

.Solution-cdz .main .section3 .text-box { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

.Solution-cdz .main .section3 .text-box ul { display: flex; align-items: flex-end; }

.Solution-cdz .main .section3 .text-box ul li { transition: all .4s; width: 25%; height: 1.6rem; position: relative; }

.Solution-cdz .main .section3 .text-box ul li:nth-child(2n) { background: rgba(0, 0, 0, 0.4); }

.Solution-cdz .main .section3 .text-box ul li:nth-child(2n+1) { background: rgba(0, 0, 0, 0.3); }

.Solution-cdz .main .section3 .text-box ul li .text { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; }

.Solution-cdz .main .section3 .text-box ul li .text i { margin-bottom: 0.16rem; color: #fff; font-size: 0.48rem; }

.Solution-cdz .main .section3 .text-box ul li .text1 { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 0.3rem; }

.Solution-cdz .main .section3 .text-box ul li .text1 h3 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; display: flex; align-items: center; padding-bottom: 0.15rem; }

.Solution-cdz .main .section3 .text-box ul li .text1 h3 i { font-size: 0.38rem; margin-right: 0.2rem; }

.Solution-cdz .main .section3 .text-box ul li .text1 p { font-size: 0.2rem; color: #fff; line-height: 0.32rem; }

.Solution-cdz .main .section3 .text-box ul li.active, .Solution-cdz .main .section3 .text-box ul li:hover { background: #004abb; height: 2.4rem; }

.Solution-cdz .main .section3 .text-box ul li.active .text, .Solution-cdz .main .section3 .text-box ul li:hover .text { opacity: 0; }

.Solution-cdz .main .section3 .text-box ul li.active .text1, .Solution-cdz .main .section3 .text-box ul li:hover .text1 { opacity: 1; }

.Solution-cdz .main .section3 .text-box .xs-display { display: none; }

.Solution-cdz .main .section4 { padding-bottom: 1.1rem; background: url("../images/solution/cdz/bg-kj.png") center top no-repeat; background-size: cover; }

.Solution-cdz .main .section4 .section-p { padding-bottom: 0.6rem; }

.Solution-cdz .main .section4 ul { display: flex; justify-content: space-between; }

.Solution-cdz .main .section4 ul li { position: relative; width: 32%; overflow: hidden; }

.Solution-cdz .main .section4 ul li::before { z-index: 2; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(29, 73, 180, 0) 0%, #1D49B4 100%); height: 3.2rem; }

.Solution-cdz .main .section4 ul li img { transition: all .4s; width: 100%; height: 100%; object-fit: cover; }

.Solution-cdz .main .section4 ul li .text-box { transition: all .5s ease; position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; height: 3.2rem; padding: 0 0.3rem 0.6rem; display: flex; flex-direction: column; justify-content: flex-end; }

.Solution-cdz .main .section4 ul li .text-box h3 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; padding-bottom: 0.2rem; }

.Solution-cdz .main .section4 ul li .text-box p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; }

.Solution-cdz .main .section4 ul li .show { opacity: 1; }

.Solution-cdz .main .section4 ul li .hide { transform: translateY(100%); }

.Solution-cdz .main .section4 ul li:hover img { transform: scale(1.1); }

.Solution-cdz .main .section4 ul li:hover .show { opacity: 0; }

.Solution-cdz .main .section4 ul li:hover .hide { transform: translateY(0); }

.Solution-cdz .main .section4 .xs-display { display: none; }

/* Order */
.Order .content .main { min-height: 9.6rem; padding: 2rem 0 1.2rem; background: url(../images/order-bg.jpg) no-repeat center/cover; }

.Order .content .main form { width: 7.2rem; height: auto; padding: 0.4rem 0.6rem; background: rgba(247, 247, 247, 0.9); float: right; }

.Order .content .main form .title h2 { font-size: 0.48rem; color: #000; font-family: "SourceHanSans-Bold"; }

.Order .content .main form .title p { font-size: 0.18rem; color: #666; margin-top: 0.2rem; }

.Order .content .main form .row { height: 0.65rem; border-bottom: 1px solid #333; margin-top: 0.25rem; position: relative; display: flex; align-items: center; }

.Order .content .main form .row i { font-size: 0.22rem; color: #004abb; position: absolute; right: 0; top: 0.22rem; }

.Order .content .main form .row input { width: 100%; font-size: 0.18rem; height: 0.65rem; }

.Order .content .main form .row select { width: 100%; font-size: 0.18rem; height: 0.6rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.Order .content .main form .row .t { font-size: 0.18rem; margin-right: 0.5rem; }

.Order .content .main form .row .radio { display: flex; align-items: center; margin-left: auto; }

.Order .content .main form .row .radio label { display: flex; align-items: center; margin-left: 0.5rem; cursor: pointer; font-size: 0.18rem; }

.Order .content .main form .row .radio label .icon { width: 0.26rem; height: 0.26rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

.Order .content .main form .row .radio label.active .icon { border-color: #004abb; }

.Order .content .main form .row .radio label.active .icon:before { content: ""; width: 0.12rem; height: 0.12rem; background: #004abb; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Order .content .main form .agree { font-size: 0.18rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.Order .content .main form .agree .icon { width: 0.28rem; height: 0.28rem; border: 1px solid #444; border-radius: 50%; margin-right: 0.1rem; cursor: pointer; position: relative; }

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

.Order .content .main form .agree span { font-family: "SourceHanSans-Bold"; cursor: pointer; }

.Order .content .main form .btn { width: 100%; height: 0.7rem; font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .4s; cursor: pointer; }

.Order .content .main form .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

.Order .content .main form .btn:hover i { color: #fff; }

.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.46rem; color: #bbb; position: absolute; left: 50%; bottom: 0.4rem; transform: translateX(-50%); cursor: pointer; }

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

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

/* Solution-t */
.Solution-t .content .neiBanner .t { font-family: "SourceHanSans-Bold"; top: 45%; }

.Solution-t .content .neiBanner:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(4, 7, 26, 0.4); }

.Solution-t .content .position .container { width: 87.5%; }

.Solution-t .content .nav-tabs { position: relative; padding-top: 0.5rem; }

.Solution-t .content .nav-tabs .container { display: flex; justify-content: space-around; }

.Solution-t .content .nav-tabs .item { font-size: 0.2rem; color: #000; position: relative; padding: 0 0.5rem 0.2rem; }

.Solution-t .content .nav-tabs .item:after { content: ""; width: 0; height: 0.02rem; background: #004abb; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all .4s; }

.Solution-t .content .nav-tabs .item.active, .Solution-t .content .nav-tabs .item:hover { font-family: "SourceHanSans-Bold"; color: #004abb; }

.Solution-t .content .nav-tabs .item.active:after, .Solution-t .content .nav-tabs .item:hover:after { width: 100%; }

.Solution-t .content .nav-tabs:after { content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0; }

.Solution-t .content .con { padding-bottom: 0; }

.Solution-t .content .section { padding-top: 0.9rem; overflow: hidden; }

.Solution-t .content .section .container { width: 87.5%; }

.Solution-t .content .section .section-t { font-size: 0.36rem; text-align: center; margin-bottom: 0.3rem; font-family: "SourceHanSans-Bold"; color: #000; }

.Solution-t .content .section .section-p { font-size: 0.16rem; line-height: 0.24rem; color: #333; text-align: center; padding-bottom: 0.3rem; }

.Solution-t .content .section1 { padding-top: 0; }

.Solution-t .content .section1 .container { overflow: visible; }

.Solution-t .content .section1 ul { display: flex; justify-content: space-between; }

.Solution-t .content .section1 ul li { transition: all .4s; width: 22.3%; padding: 0.8rem 2.3%; }

.Solution-t .content .section1 ul li .icon-box { transition: all .4s; 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 .content .section1 ul li .icon-box i { color: #004ABB; font-family: "SourceHanSans-Bold"; font-size: 0.8rem; }

.Solution-t .content .section1 ul li h3 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #000; text-align: center; }

.Solution-t .content .section1 ul li p { font-size: 0.16rem; line-height: 0.26rem; color: #333; text-align: center; }

.Solution-t .content .section1 ul li:hover { box-shadow: 0 0.1rem 0.4rem 1px rgba(100, 120, 167, 0.2); border-radius: 0.04rem; }

.Solution-t .content .section1 ul li:hover .icon-box { background: #004ABB; }

.Solution-t .content .section1 ul li:hover .icon-box i { color: #fff; }

.Solution-t .content .section2 ul { display: flex; }

.Solution-t .content .section2 ul li { width: 33.333%; height: 8rem; position: relative; overflow: hidden; transition: all .4s; }

.Solution-t .content .section2 ul li:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; transition: all .4s; }

.Solution-t .content .section2 ul li img { width: 100%; height: 100%; }

.Solution-t .content .section2 ul li .text-box { width: 9rem; padding: 1.2rem; position: absolute; left: 0; right: 0; top: 0; z-index: 2; opacity: .5; margin: 0 auto; text-align: left; }

.Solution-t .content .section2 ul li .text-box h3 { font-size: 0.3rem; color: #fff; padding-bottom: 0.2rem; }

.Solution-t .content .section2 ul li .text-box p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; opacity: 0; transition: all .4s; }

.Solution-t .content .section2 ul li:hover { width: 67%; }

.Solution-t .content .section2 ul li:hover:before { opacity: .3; }

.Solution-t .content .section2 ul li:hover .text-box { opacity: 1; }

.Solution-t .content .section2 ul li:hover .text-box p { opacity: 1; }

.Solution-t .content .section3 .box { position: relative; }

.Solution-t .content .section3 .text-box { width: 100%; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; }

.Solution-t .content .section3 .text-box ul { width: 100%; display: flex; align-items: flex-end; }

.Solution-t .content .section3 .text-box ul li { flex: 1; transition: all .4s; height: 1.6rem; position: relative; background: rgba(0, 0, 0, 0.3); }

.Solution-t .content .section3 .text-box ul li .text { height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; }

.Solution-t .content .section3 .text-box ul li .text h3 { font-size: 0.56rem; color: #fff; font-family: "BebasNeue"; margin-bottom: 0.1rem; }

.Solution-t .content .section3 .text-box ul li .text h2 { font-size: 0.24rem; color: #fff; font-family: "SourceHanSans-Medium"; }

.Solution-t .content .section3 .text-box ul li .text1 { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 0.3rem; }

.Solution-t .content .section3 .text-box ul li .text1 h3 { font-size: 0.56rem; color: #fff; font-family: "BebasNeue"; margin-bottom: 0.1rem; }

.Solution-t .content .section3 .text-box ul li .text1 h2 { font-family: "SourceHanSans-Medium"; font-size: 0.24rem; color: #fff; display: flex; align-items: center; padding-bottom: 0.15rem; }

.Solution-t .content .section3 .text-box ul li .text1 p { font-size: 0.16rem; color: #fff; line-height: 0.26rem; margin-top: 0.05rem; }

.Solution-t .content .section3 .text-box ul li .text1 p b { font-family: "SourceHanSans-Bold"; }

.Solution-t .content .section3 .text-box ul li:nth-child(even) { background: rgba(0, 0, 0, 0.4); }

.Solution-t .content .section3 .text-box ul li.active, .Solution-t .content .section3 .text-box ul li:hover { background: #004abb; height: 3.7rem; }

.Solution-t .content .section3 .text-box ul li.active .text, .Solution-t .content .section3 .text-box ul li:hover .text { opacity: 0; }

.Solution-t .content .section3 .text-box ul li.active .text1, .Solution-t .content .section3 .text-box ul li:hover .text1 { opacity: 1; }

.Solution-t .content .section3 .text-box .xs-display { display: none; }

.Solution-t .content .section4 .box { height: 8rem; padding-top: 1.7rem; background: url(../images/solution/t/ll-section4-img.jpg) no-repeat center/cover; position: relative; }

.Solution-t .content .section4 .box:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }

.Solution-t .content .section4 .box .center { width: 4.6rem; height: 4.6rem; border: 1px dashed #fff; margin: 0 auto; position: relative; z-index: 1; border-radius: 50%; }

.Solution-t .content .section4 .box .center ul { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.Solution-t .content .section4 .box .center ul li { position: absolute; text-align: center; opacity: .5; transition: all .4s; cursor: pointer; }

.Solution-t .content .section4 .box .center ul li i { font-size: 0.5rem; color: #fff; }

.Solution-t .content .section4 .box .center ul li h3 { font-size: 0.18rem; color: #fff; margin-top: 0.05rem; }

.Solution-t .content .section4 .box .center ul li .dot { width: 0.28rem; height: 0.28rem; position: relative; margin: 0.08rem auto; }

.Solution-t .content .section4 .box .center ul li .dot:before { content: ""; width: 100%; height: 100%; border: 1px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 0; opacity: 0; }

.Solution-t .content .section4 .box .center ul li .dot:after { content: ""; width: 0.08rem; height: 0.08rem; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Solution-t .content .section4 .box .center ul li.li1 { left: 1.93rem; top: -0.96rem; }

.Solution-t .content .section4 .box .center ul li.li2 { right: -0.25rem; top: 0.1rem; display: flex; align-items: flex-end; }

.Solution-t .content .section4 .box .center ul li.li2 .dot { margin-right: 0.1rem; }

.Solution-t .content .section4 .box .center ul li.li3 { right: -0.96rem; top: 1.68rem; display: flex; align-items: flex-end; }

.Solution-t .content .section4 .box .center ul li.li3 .dot { margin-right: 0.1rem; }

.Solution-t .content .section4 .box .center ul li.li4 { right: -0.31rem; top: 3.53rem; display: flex; align-items: center; }

.Solution-t .content .section4 .box .center ul li.li4 .dot { margin-right: 0.1rem; }

.Solution-t .content .section4 .box .center ul li.li5 { left: 1.76rem; top: 4.37rem; }

.Solution-t .content .section4 .box .center ul li.li6 { left: -0.2rem; top: 3.53rem; display: flex; align-items: center; }

.Solution-t .content .section4 .box .center ul li.li6 .dot { margin-left: 0.2rem; }

.Solution-t .content .section4 .box .center ul li.li7 { left: -1.07rem; top: 1.68rem; display: flex; align-items: flex-end; }

.Solution-t .content .section4 .box .center ul li.li7 .dot { margin-left: 0.2rem; }

.Solution-t .content .section4 .box .center ul li.li8 { left: -0.35rem; top: 0.1rem; display: flex; align-items: flex-end; }

.Solution-t .content .section4 .box .center ul li.li8 .dot { margin-left: 0.2rem; }

.Solution-t .content .section4 .box .center ul li.active { opacity: 1; }

.Solution-t .content .section4 .box .center ul li.active .dot:before { opacity: 1; }

.Solution-t .content .section4 .box .center .slide { width: 3.5rem; height: 4rem; overflow: hidden; margin: 0 auto; }

.Solution-t .content .section4 .box .center .slide .swiper-slide { text-align: center; display: flex; flex-direction: column; justify-content: center; opacity: 0 !important; }

.Solution-t .content .section4 .box .center .slide .swiper-slide i { font-size: 0.8rem; color: #fff; }

.Solution-t .content .section4 .box .center .slide .swiper-slide h3 { font-size: 0.24rem; color: #fff; margin: 0.1rem auto 0.2rem; }

.Solution-t .content .section4 .box .center .slide .swiper-slide p { font-size: 0.16rem; color: #fff; line-height: 0.3rem; }

.Solution-t .content .section4 .box .center .slide .swiper-slide.swiper-slide-active { opacity: 1 !important; }

.Solution-t .content .section5 .box { height: 8rem; padding-top: 1.7rem; background: url(../images/solution/t/ll-section5-img.jpg) no-repeat center/cover; position: relative; }

.Solution-t .content .section5 .box:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; }

.Solution-t .content .section5 .box .icon-play { font-size: 0.75rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; }

.Solution-t .content .section6 .box { position: relative; }

.Solution-t .content .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 .content .section6 .box .tabs .item { font-size: 0.24rem; color: #fff; margin: 0 0.4rem; padding-bottom: 0.15rem; opacity: .5; transition: all .4s; position: relative; cursor: pointer; }

.Solution-t .content .section6 .box .tabs .item:before { content: ""; width: 70%; height: 0.02rem; background: #fff; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; }

.Solution-t .content .section6 .box .tabs .item.active { opacity: 1; }

.Solution-t .content .section6 .box .tabs .item.active:before { opacity: 1; }

.Solution-t .content .section6 .box .btns { width: 100%; text-align: center; position: absolute; left: 0; bottom: 0.6rem; }

.Solution-t .content .section6 .box .btns a { width: 2rem; line-height: 0.65rem; font-size: 0.2rem; color: #000; border-radius: 0.5rem; display: inline-block; margin: 0 0.3rem; border: 1px solid #000; }

.Solution-t .content .section6 .box .btns a i { font-size: 0.3rem; vertical-align: -0.03rem; transition: margin .3s; }

.Solution-t .content .section6 .box .btns a:hover { background: #004abb; color: #fff; border-color: #004abb; }

.Solution-t .content .section6 .box .btns a:hover i { margin-left: 0.05rem; }

.Solution-t .content .section6 .box .btns a.white { border-color: #fff; color: #fff; }

.Solution-t .content .section6 .box .btns a.white:hover { background: #fff; border-color: #fff; color: #000; }

.Solution-t.Solution-t1 .content .section4 .box { background: url(../images/solution/t/lt-section4-img.jpg) no-repeat center/cover; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li1 { left: 1.95rem; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li2 { right: -0.67rem; top: 0.8rem; align-items: center; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li3 { right: -0.77rem; top: 3.2rem; align-items: center; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li4 { left: 1.7rem; bottom: -0.96rem; top: auto; display: block; right: auto; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li4 .dot { margin-right: auto; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li5 { left: -0.48rem; top: 3.2rem; display: flex; align-items: center; }

.Solution-t.Solution-t1 .content .section4 .box .center ul li.li6 { left: -0.78rem; top: 0.8rem; }

.Solution-t.Solution-t1 .content .section5 .box { background: url(../images/solution/t/lt-section5-img.jpg) no-repeat center/cover; }

.Solution-t.Solution-t2 .content .section2 ul li { width: 25%; }

.Solution-t.Solution-t2 .content .section2 ul li:hover { width: 75%; }

.Solution-t.Solution-t2 .content .section4 .box { background: url(../images/solution/t/ld-section4-img.jpg) no-repeat center/cover; }

.Solution-t.Solution-t2 .content .section4 .box .center ul li.li1 { left: 1.95rem; }

.Solution-t.Solution-t2 .content .section4 .box .center ul li.li2 { right: -0.77rem; top: 1rem; align-items: center; }

.Solution-t.Solution-t2 .content .section4 .box .center ul li.li3 { right: -0.25rem; top: 3.75rem; align-items: center; }

.Solution-t.Solution-t2 .content .section4 .box .center ul li.li4 { left: -0.15rem; top: 3.75rem; right: auto; align-items: center; }

.Solution-t.Solution-t2 .content .section4 .box .center ul li.li5 { left: -0.66rem; top: 1rem; display: flex; align-items: center; }

.Solution-t.Solution-t2 .content .section5 .slide { position: relative; padding: 0 2.8rem; margin-top: 0.5rem; }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide { transition: all .4s; z-index: 2; transform: scale(0.85); }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide:before { content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); position: absolute; left: 0; top: 0; }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide img { width: 100%; }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide i { font-size: 0.8rem; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide.swiper-slide-active { transform: scale(1); opacity: 1; }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide.swiper-slide-active:before { opacity: 0; }

.Solution-t.Solution-t2 .content .section5 .slide .swiper-slide.swiper-slide-active .text { background: linear-gradient(180deg, rgba(0, 41, 128, 0) 0%, #002980 100%); opacity: 1; }

.Solution-t.Solution-t2 .content .section5 .slide .btn-prev, .Solution-t.Solution-t2 .content .section5 .slide .btn-next { width: 0.5rem; height: 0.5rem; border: 1px solid #004abb; border-radius: 50%; position: absolute; left: 11%; top: 45%; z-index: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .4s; }

.Solution-t.Solution-t2 .content .section5 .slide .btn-prev i, .Solution-t.Solution-t2 .content .section5 .slide .btn-next i { font-size: 0.22rem; color: #004abb; transition: all .4s; }

.Solution-t.Solution-t2 .content .section5 .slide .btn-prev.btn-next, .Solution-t.Solution-t2 .content .section5 .slide .btn-next.btn-next { left: auto; right: 11%; }

.Solution-t.Solution-t2 .content .section5 .slide .btn-prev:hover, .Solution-t.Solution-t2 .content .section5 .slide .btn-next:hover { background: #004abb; }

.Solution-t.Solution-t2 .content .section5 .slide .btn-prev:hover i, .Solution-t.Solution-t2 .content .section5 .slide .btn-next:hover i { color: #fff; }

/* Big */
.Big .con .icon-list { width: 100%; display: flex; justify-content: space-evenly; margin-top: 0.8rem; }

.Big .con .icon-list li { flex: 1; text-align: center; }

.Big .con .icon-list li img { width: 1rem; margin: 0 auto 0.3rem; }

.Big .con .icon-list li h3 { font-size: 0.24rem; line-height: 0.36rem; }

.Big .con .icon-list li h3 span { font-size: 0.18rem; }

.Big .con .icon-list li h3 b { color: #004abb; font-weight: bold; margin-left: 0.05rem; position: relative; }

.Big .con .icon-list li h3 b i { font-size: 0.18rem; position: relative; top: -0.06rem; font-weight: bold; }

.Big .con .fenlei { margin-top: 1.2rem; }

.Big .con .fenlei ul { display: flex; }

.Big .con .fenlei ul li { width: 25%; height: 6.14rem; margin-left: 0.5%; border-radius: 0.1rem; overflow: hidden; transition: all .4s; position: relative; cursor: pointer; }

.Big .con .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 .con .fenlei ul li img { width: 100%; height: 100%; object-fit: cover; }

.Big .con .fenlei ul li h3 { width: 100%; padding: 0.2rem; font-size: 0.24rem; color: #fff; line-height: 0.36rem; position: absolute; left: 0; bottom: 0; transition: all .4s; }

.Big .con .fenlei ul li:first-child { margin-left: 0; }

.Big .con .fenlei ul li.active { width: 77.5%; }

.Big .con .fenlei ul li.active h3 { padding: 0.4rem; }

.Big .con .order { margin-top: 1rem; padding: 1.2rem 0; background: url(../images/big/order-bg.webp) no-repeat center/cover; }

.Big .con .order .contact { float: right; margin-right: 0.9rem; }

.Big .con .order .contact .title { font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin: 0.6rem 0; }

.Big .con .order .contact ul li { margin-top: 0.4rem; padding: 0.6rem 0.3rem; width: 3.09rem; height: 1.93rem; background: url(../images/big/order-li.webp) no-repeat center/100%; display: flex; justify-content: space-between; }

.Big .con .order .contact ul li .txt { color: #fff; }

.Big .con .order .contact ul li .txt h3 { font-size: 0.18rem; }

.Big .con .order .contact ul li .txt h4 { font-size: 0.2rem; font-weight: bold; margin: 0.15rem auto 0.2rem; }

.Big .con .order .contact ul li .txt p { font-size: 0.16rem; color: #DDEBF3; }

.Big .con .order .contact ul li .qr { width: 0.98rem; }

.Big .con .order .box { width: 6.6rem; padding: 0.6rem 0.8rem; background: transparent; --webkit-backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, 0.6); float: right; border-radius: 0.1rem; }

.Big .con .order .box .title { font-size: 0.24rem; line-height: 0.4rem; margin-bottom: 0.2rem; }

.Big .con .order .box form { height: auto; overflow: hidden; }

.Big .con .order .box form .row { height: 0.65rem; border-bottom: 1px solid #5F5F5F; position: relative; margin-top: 0.1rem; display: flex; align-items: center; }

.Big .con .order .box form .row label { color: red; margin-right: 0.1rem; }

.Big .con .order .box form .row i { font-size: 0.22rem; color: #004abb; position: absolute; right: 0; top: 0.22rem; }

.Big .con .order .box form .row input { width: 100%; font-size: 0.18rem; height: 0.65rem; color: #000; }

.Big .con .order .box form .row input::-moz-placeholder { color: #333; }

.Big .con .order .box form .row input::-ms-input-placeholder { color: #333; }

.Big .con .order .box form .row input::-webkit-input-placeholder { color: #333; }

.Big .con .order .box form .row select { width: 100%; font-size: 0.18rem; height: 0.6rem; background: none; border: none; position: absolute; left: 0; top: 0; appearance: none; -webkit-appearance: none; }

.Big .con .order .box form .agree { font-size: 0.18rem; color: #000; display: flex; align-items: center; margin-top: 0.5rem; }

.Big .con .order .box form .agree .icon { width: 0.29rem; height: 0.29rem; background: url(../images/productxq1/agree.png) no-repeat center/100%; margin-right: 0.1rem; cursor: pointer; }

.Big .con .order .box form .agree .icon.active { background: url(../images/productxq1/agree1.png) no-repeat center/100%; }

.Big .con .order .box form .agree span { font-family: "SourceHanSans-Bold"; cursor: pointer; }

.Big .con .order .box form .btn { width: 100%; height: 0.7rem; font-size: 0.3rem; color: #000; font-family: "SourceHanSans-Bold"; display: flex; align-items: center; justify-content: center; border: 1px solid #000; border-radius: 0.5rem; margin: 0.6rem 0 0; transition: all .4s; cursor: pointer; }

.Big .con .order .box form .btn:hover { background: #004abb; border-color: #004abb; color: #fff; }

.Big .con .order .box form .btn:hover i { color: #fff; }

.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: 0.46rem; color: #bbb; position: absolute; left: 50%; bottom: 0.4rem; transform: translateX(-50%); cursor: pointer; }

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

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

@keyframes pointMove { 0% { transform: translate(0, -0.06rem); }
  100% { transform: translate(0, 0.06rem); } }

@keyframes move-forever { 0% { transform: translate(-90px, 0%); }
  100% { transform: translate(85px, 0%); } }