@charset "UTF-8";
@import url(//at.alicdn.com/t/c/font_3892823_4dnl9lm88sg.css);
.renewal_btn { user-select: none; background: #82cff1; background: -webkit-linear-gradient(to bottom, #82cff1 0%, #38aeea 100%); background: linear-gradient(to bottom, #82cff1 0%, #38aeea 100%); border: 1px solid #3cafcf; border-radius: 4px; box-shadow: inset rgba(255, 255, 255, 0.3) 1px 1px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #fff; text-decoration: none; display: inline-block; text-align: center; padding: 6px 20px 6px; cursor: pointer; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); text-transform: capitalize; transition: 0.1s linear; }

.renewal_btn.type2 { background: linear-gradient(180deg, #7FB8E9 0%, #468EDD 100%); border-radius: 3px; border: 1px solid #4D88BC; min-width: 80px; box-sizing: border-box; }

.renewal_btn.type2:hover { opacity: .6; }

.renewal_btn:hover { background: #99d8f4; background: -webkit-linear-gradient(to bottom, #99d8f4 0%, #4fb7ec 100%); background: linear-gradient(to bottom, #99d8f4 0%, #4fb7ec 100%); }

.renewal_btn.grey { background: #ededed; background: -webkit-linear-gradient(to bottom, #e4e4e4 0%, #d0d0d0 100%); background: linear-gradient(to bottom, #e4e4e4 0%, #d0d0d0 100%); border: 1px solid #c9c9c9; color: #333; }

.renewal_btn.grey:hover { background: #f7f7f7; background: -webkit-linear-gradient(to bottom, #eeeeee 0%, #e4e4e4 100%); background: linear-gradient(to bottom, #eeeeee 0%, #e4e4e4 100%); }

.renewal_btn2 { border: 1px solid #d9001b; border-radius: 4px; color: #d9001b; padding: 4px 20px; cursor: pointer; display: inline-block; opacity: 1; text-align: center; }

.renewal_btn2:hover { opacity: 0.6; }

.renewal_btn2.normal { border: 1px solid #02a7f0; color: #02a7f0; }

.c-btn_1 { position: relative; border: 1px solid black; color: black; padding: 7px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; }

.c-btn_1 .btn-box { position: relative; padding: 0 20px; padding: 0; }

.c-btn_1 .btn-box i { right: 0 !important; }

.c-btn_1:hover { opacity: 0.6; }

.c-btn_1.primary { border-color: #B83333; background-color: #B83333; color: white; }

.c-btn_1.c-btn-icon .btn-box { display: inline-flex; align-items: center; }

.c-btn_1.c-btn-icon .btn-box > span { margin-right: 4px; }

.c-btn_1.c-btn-icon i { right: 12px; transition: transform .2s ease-in-out; font-size: 12px; }

.c-btn_1.c-btn-icon i.opened { transform: rotate(180deg); }

.c-btn_1 i.btn-loading { width: 12px; height: 12px; display: inline-block; right: 12px; }

.c-btn_1::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .3s, opacity .5s; }

.c-btn_1:active::after { transform: scale(0, 0); opacity: .3; transition: 0s; }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_1:hover { opacity: 1; } }

.c-btn_2 { color: white; padding: 4px 10px; border: 1px solid white; background-color: transparent; border-radius: 20px; display: inline-block; text-align: center; cursor: pointer; position: relative; user-select: none; transition: opacity .2s ease-in-out; opacity: 0.9; overflow: hidden; }

.c-btn_2:hover { opacity: 1; }

.c-btn_2.small { padding: 6px 20px; font-size: 16px; }

.c-btn_2.normal { font-size: 20px; padding: 8px 30px; }

.c-btn_2.primary { background-color: red; border: none; }

.c-btn_2::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0, 0, 0, 0.5) 10%, transparent 10.01%); background-repeat: no-repeat; background-position: 50%; transform: scale(10, 10); opacity: 0; transition: transform .3s, opacity .5s; }

.c-btn_2:active::after { transform: scale(0, 0); opacity: .3; transition: 0s; }

@media screen and (max-width: 768px) { .c-btn_2:hover { opacity: 1; }
  .c-btn_2.small { padding: 4px 20px; font-size: 14px; }
  .c-btn_2.normal { font-size: 16px; padding: 4px 20px; } }

.c-btn_3 { position: relative; border: 1px solid black; color: black; padding: 7px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; border-radius: 4px; }

.c-btn_3:hover { opacity: 0.8; }

.c-btn_3.primary { border-color: #2dae51; background-color: #2dae51; color: white; }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_3:hover { opacity: 1; } }

.c-btn_4 { position: relative; color: white; padding: 15px 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; opacity: 1; text-align: center; font-size: 14px; line-height: 1; transition: opacity .2s ease-in-out; box-sizing: border-box; user-select: none; overflow: hidden; min-width: 80px; border-radius: 4px; width: 100%; }

.c-btn_4:hover { opacity: 0.8; }

.c-btn_4.primary { color: white; background-image: linear-gradient(#4b4b4b, black); }

@media screen and (max-width: 1280px) and (max-height: 768px) { .c-btn_4:hover { opacity: 1; } }

.c-img svg { width: 100%; padding: 20%; box-sizing: border-box; background-color: #f5f5f5; height: 100%; }

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face { font-family: 'autelrobotics'; /* Project id 3892823 */ src: url("//at.alicdn.com/t/c/font_3892823_4dnl9lm88sg.woff2?t=1677048075327") format("woff2"), url("//at.alicdn.com/t/c/font_3892823_4dnl9lm88sg.woff?t=1677048075327") format("woff"), url("//at.alicdn.com/t/c/font_3892823_4dnl9lm88sg.ttf?t=1677048075327") format("truetype"); }

html body .autelrobotics { font-family: "autelrobotics" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html body .autelrobotics > span { font-family: "autelrobotics" !important; }

header.header-white { width: 100%; background-color: #fff; position: sticky; top: 0; left: 0; z-index: 999; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); display: flex; justify-content: center; }

header.header-white a:hover { text-decoration: underline; color: #D4251F; }

header.header-white .content { flex-grow: 1; max-width: 1400px; margin: 0 74px; display: flex; justify-content: center; align-items: center; height: 100%; }

header.header-white .content .logo { flex-grow: 1; max-width: 1280px; }

header.header-white .content .logo img { height: 48px; margin: 0; }

header.header-white .content nav.pc { display: block; flex: 99; margin-left: 20px; max-width: 780px; }

header.header-white .content nav.pc > ul { display: flex; justify-content: space-between; align-items: center; }

header.header-white .content nav.pc > ul > li { cursor: pointer; text-align: center; }

header.header-white .content nav.pc > ul > li > a { position: relative; padding: 32px 0; font-size: 16px; letter-spacing: 0; font-weight: 400; }

header.header-white .content nav.pc > ul > li > a::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 3px; width: 0; background-color: #E60012; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 4; }

header.header-white .content nav.pc > ul > li > a:hover { text-decoration: none; }

header.header-white .content nav.pc > ul > li .secondary-menu { padding-top: 15px; display: none; width: 100%; position: absolute; top: 78px; z-index: 2; left: 0; background-color: #fff; height: 349px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }

header.header-white .content nav.pc > ul > li .secondary-menu .img-box { display: flex; align-items: center; }

header.header-white .content nav.pc > ul > li .secondary-menu .box { padding: 20px 0px 20px 0; max-width: 1400px; margin: 0 auto; height: auto; cursor: auto; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag { display: flex; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 23px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag .tag { margin-right: 56px; font-size: 20px; cursor: pointer; color: rgba(0, 0, 0, 0.9); letter-spacing: 0; font-weight: 600; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .top-tag .tag.active a { color: #D4251F; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content { padding-top: 34px; display: none; height: calc(100% - 48px); align-items: stretch; min-height: 270px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag { padding-right: 50px; border-right: 1px solid #ccc; width: 26%; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a { max-width: 315px; width: 100%; padding: 10px 16px; cursor: pointer; font-size: 16px; color: rgba(0, 0, 0, 0.9); font-weight: 400; display: flex; align-items: center; text-align: left; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a img { margin: 0 16px 0 0; width: 24px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a span { flex-grow: 1; font-size: 12px; font-weight: 600; text-align: right; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a:hover { color: #D4251F; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li a:hover span { text-decoration: none; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .secondary-tag li.active { background-color: #F0F0F0; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list { margin-left: 30px; display: none; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li { padding: 14px 16px; width: 315px; font-size: 16px; font-weight: 200; text-align: left; transition: background-color .5s; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li a { transition: color .5s; color: #666; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li:hover { background-color: #F0F0F0; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list li:hover a { color: #333; color: #D4251F; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .products-list.active { display: block; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .img-box { margin-left: 140px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content .img-box img { height: 230px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .header-content.active { display: flex; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list { display: flex; align-items: center; justify-content: center; width: 80%; margin: 0 auto; padding-top: 65px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li { flex-grow: 1; text-align: center; width: 14.28%; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li img { width: 80px; }

header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li p { margin-top: 20px; }

@media (max-width: 1366px) { header.header-white .content nav.pc > ul > li .secondary-menu { height: 290px; }
  header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list { padding-top: 50px; }
  header.header-white .content nav.pc > ul > li .secondary-menu .box .pure-list li img { width: 65px; } }

header.header-white .content nav.pc > ul > li .secondary-menu.production-menu { max-height: 595px; height: auto; padding-bottom: 20px; }

header.header-white .content nav.pc > ul > li .secondary-menu.solution-menu { max-height: 565px; height: auto; padding-bottom: 20px; }

header.header-white .content nav.pc > ul > li:hover > a::after, header.header-white .content nav.pc > ul > li.active > a::after { width: 100%; }

@media (max-width: 1400px) { header.header-white .content nav.pc > ul > li .secondary-menu .box { padding: 20px 30px; } }

@media (max-width: 1260px) { header.header-white .content nav.pc > ul > li .secondary-menu { top: 55px; } }

header.header-white .content .options { flex-grow: 1; max-width: 330px; display: flex; justify-content: flex-end; align-items: center; }

header.header-white .content .options .btn-search { color: #000; border: none; margin-right: 10px; }

header.header-white .content .options .btn-search input { border: none; background-color: #fff; color: #000; width: 190px; }

header.header-white .content .options .btn-search button { display: block; background: none; color: #999; font-size: 26px; }

header.header-white .content .options .btn-search:hover input { background-color: #eee; }

header.header-white .content .options .shop { background: #D4251F; border-radius: 14px; color: #fff; cursor: pointer; padding: 4px 20px; position: relative; }

header.header-white .content .options .shop .box { position: absolute; background-color: transparent; padding-top: 8px; max-height: 0; transition: max-height 0.5s; top: 28px; left: 50%; transform: translateX(-50%); overflow: hidden; }

header.header-white .content .options .shop .box .shop-list { width: 97px; background-color: #f3f3f3; border-radius: 8px; }

header.header-white .content .options .shop .box .shop-list li { padding: 8px 0; margin: 0 8px; }

header.header-white .content .options .shop .box .shop-list li a { display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #666; transition: color .5s; }

header.header-white .content .options .shop .box .shop-list li a img { margin: 0 8px 0 0; width: 20px; }

header.header-white .content .options .shop .box .shop-list li a:hover { color: #D4251F; }

header.header-white .content .options .shop .box .shop-list li a:hover span { color: #D4251F; text-decoration: underline; }

header.header-white .content .options .shop .box .shop-list li:last-child { padding-top: 8px; border-top: 1px solid #ccc; }

header.header-white .content .options .shop:hover .box { max-height: 80px; }

header.header-white .content .options .mobile-box { margin-left: 20px; display: none; }

header.header-white .tg-btn { width: 26px; height: 30px; position: relative; display: block; top: -5px; }

header.header-white .tg-btn span { width: 26px; height: 2px; background: #000; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in; }

header.header-white .tg-btn span:first-child { top: 12px; }

header.header-white .tg-btn span:nth-child(2) { top: 68%; }

header.header-white .tg-btn span:last-child { bottom: 0px; }

header.header-white .tg-btn.active span:first-child { transform: translate(-50%, 7px) rotate(45deg); }

header.header-white .tg-btn.active span:nth-child(2) { opacity: 0; }

header.header-white .tg-btn.active span:last-child { transform: translate(-50%, -3px) rotate(-45deg); bottom: 6px; }

@media (max-width: 750px) { header.header-white { height: .80em; font-size: 50px; }
  header.header-white .content { justify-content: space-between; padding: 0 .32em; margin: 0; }
  header.header-white .content .logo { margin: 0; }
  header.header-white .content .logo img { height: .38em; }
  header.header-white .content nav.pc { display: none; }
  header.header-white .content .options .btn-search { width: auto; display: block; margin-right: .45em; font-size: 16px; }
  header.header-white .content .options .btn-search input { display: block; width: 110px; }
  header.header-white .content .options .btn-search button { font-size: 24px; }
  header.header-white .content .options .shop { font-size: 14px; padding: 6px 12px; border-radius: 20px; font-weight: 300; margin-right: 5px; }
  header.header-white .content .options .mobile-box { display: block; } }

nav.mobile { display: none; position: fixed; top: 48px; left: 0; background-color: #fff; height: 100vh; width: 100%; z-index: 990; overflow: hidden; }

nav.mobile .first-menu { min-width: 30%; height: 100%; background-color: #f1f3f5; padding-top: 10px; }

nav.mobile .first-menu li { padding: 15px 12px; font-size: 14px; color: #000000; letter-spacing: 0; font-weight: 400; }

nav.mobile .first-menu li.active { background-color: #fff; }

nav.mobile .secondary-menu { flex-grow: 1; padding-top: 10px; display: none; padding: 10px 15px; height: 100%; overflow-y: auto; }

nav.mobile .secondary-menu li { font-size: 14px; color: #000000; letter-spacing: 0; font-weight: 400; padding: 16px; }

nav.mobile .secondary-menu li p { display: flex; justify-content: space-between; padding-bottom: 15px; }

nav.mobile .secondary-menu li p img { margin: 0; }

nav.mobile .secondary-menu li p .close { display: none; }

nav.mobile .secondary-menu li p .open { display: block; }

nav.mobile .secondary-menu li p.active .close { display: block; }

nav.mobile .secondary-menu li p.active .open { display: none; }

nav.mobile .secondary-menu li ul { display: none; }

nav.mobile .secondary-menu li ul.active { display: block; }

nav.mobile .secondary-menu > li { border-bottom: 1px solid #ccc; padding: 18px 5px; padding-bottom: 0; }

nav.mobile .secondary-menu .li-level-2 p { padding-bottom: 0; }

nav.mobile .secondary-menu .li-level-2 ul li:last-child { padding-bottom: 0; }

nav.mobile .secondary-menu.active { display: block; }

nav.mobile.active { display: flex !important; }

.product-center-page, .solution-center-page { background-color: #f8f8f8; }

.product-center-page a:hover, .solution-center-page a:hover { text-decoration: underline; color: #D4251F; }

.product-center-page img, .solution-center-page img { margin: 0; }

.product-center-page .m-top-tags, .solution-center-page .m-top-tags { display: none; position: sticky; top: 0; left: 0; z-index: 5; background-color: #fff; }

.product-center-page .m-top-tags li, .solution-center-page .m-top-tags li { position: relative; width: 33.333%; text-align: center; padding: .3rem .20rem; font-size: .28rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #6f6f6f; line-height: .33rem; }

.product-center-page .m-top-tags li::after, .solution-center-page .m-top-tags li::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: .03rem; width: 0; background-color: #D4251F; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 4; }

.product-center-page .m-top-tags li.active::after, .product-center-page .m-top-tags li:hover::after, .solution-center-page .m-top-tags li.active::after, .solution-center-page .m-top-tags li:hover::after { width: 100%; }

@media (max-width: 767px) { .product-center-page .m-top-tags, .solution-center-page .m-top-tags { display: block; display: flex; } }

.product-center-page .banner, .solution-center-page .banner { width: 100%; margin-bottom: .72rem; position: relative; }

.product-center-page .banner img, .product-center-page .banner video, .solution-center-page .banner img, .solution-center-page .banner video { width: 100%; }

.product-center-page .banner video.pc, .solution-center-page .banner video.pc { display: block; }

.product-center-page .banner img.mobile, .solution-center-page .banner img.mobile { display: none; }

.product-center-page .banner .intro, .solution-center-page .banner .intro { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; padding: 2.47rem 0 0 2.54rem; }

.product-center-page .banner .intro h2, .solution-center-page .banner .intro h2 { color: #000; margin-bottom: .24rem; font-size: .56rem; font-weight: 500; color: #000000; }

.product-center-page .banner .intro p, .solution-center-page .banner .intro p { color: #5f5f5f; font-size: .26rem; font-weight: 400; line-height: .39rem; }

@media (max-width: 767px) { .product-center-page .banner, .solution-center-page .banner { margin-bottom: 0; }
  .product-center-page .banner video.pc, .solution-center-page .banner video.pc { display: none; }
  .product-center-page .banner img.mobile, .solution-center-page .banner img.mobile { display: block; }
  .product-center-page .banner .intro, .solution-center-page .banner .intro { padding: .64rem 0 .2rem 0; text-align: center; } }

.product-center-page .m-end-tags, .solution-center-page .m-end-tags { display: none; }

.product-center-page .m-end-tags li, .solution-center-page .m-end-tags li { display: none; align-items: center; justify-content: space-around; padding: .37rem; background-color: #fff; }

.product-center-page .m-end-tags li button, .solution-center-page .m-end-tags li button { padding: .17rem .84rem; border-radius: .42rem; font-size: .28rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; line-height: .33rem; color: #6e6e6e; background: #F0F0F0; border: 1px solid #F0F0F0; }

.product-center-page .m-end-tags li button.active, .solution-center-page .m-end-tags li button.active { background-color: #fff; color: #D4251F; border: 1px solid #D4251F; }

.product-center-page .m-end-tags li.active, .solution-center-page .m-end-tags li.active { display: flex; }

@media (max-width: 767px) { .product-center-page .m-end-tags, .solution-center-page .m-end-tags { display: block; } }

.product-center-page .content, .solution-center-page .content { display: flex; margin: 0 2.55rem; padding-bottom: 0.52rem; }

.product-center-page .content nav, .solution-center-page .content nav { font-size: .16rem; min-width: 2.4rem; max-width: 2.4rem; margin-right: 0.28rem; }

.product-center-page .content nav .tag .top-tag, .product-center-page .content nav .tag .end-tag, .solution-center-page .content nav .tag .top-tag, .solution-center-page .content nav .tag .end-tag { font-size: .14rem; padding: .14rem .16rem; border-radius: .08rem; margin-bottom: .1rem; cursor: pointer; font-weight: 600; }

.product-center-page .content nav .tag .top-tag:hover, .product-center-page .content nav .tag .end-tag:hover, .solution-center-page .content nav .tag .top-tag:hover, .solution-center-page .content nav .tag .end-tag:hover { background-color: #f0f0f0; }

.product-center-page .content nav .tag .top-tag, .solution-center-page .content nav .tag .top-tag { font-weight: 600; font-size: .18rem; }

.product-center-page .content nav .tag .top-tag + ul, .solution-center-page .content nav .tag .top-tag + ul { display: none; }

.product-center-page .content nav .tag .top-tag + ul.active, .solution-center-page .content nav .tag .top-tag + ul.active { display: block; }

.product-center-page .content nav .end-tag.active, .solution-center-page .content nav .end-tag.active { background-color: #000 !important; color: #fff; }

@media (max-width: 767px) { .product-center-page .content nav, .solution-center-page .content nav { display: none; } }

.product-center-page .content .product-list, .product-center-page .content .solution-list, .solution-center-page .content .product-list, .solution-center-page .content .solution-list { display: none; flex: 1; }

.product-center-page .content .product-list ul, .product-center-page .content .solution-list ul, .solution-center-page .content .product-list ul, .solution-center-page .content .solution-list ul { display: flex; flex-wrap: wrap; }

.product-center-page .content .product-list ul li, .product-center-page .content .solution-list ul li, .solution-center-page .content .product-list ul li, .solution-center-page .content .solution-list ul li { width: 33%; padding-top: .6rem; padding-bottom: .4rem; display: flex; flex-direction: column; align-items: center; background: #FFFFFF; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.03); border-radius: .16rem; margin-bottom: .2rem; transition: box-shadow .5s; overflow: hidden; text-align: center; }
/* 
.product-center-page .content .product-list ul li:nth-child(3n+2), .product-center-page .content .solution-list ul li:nth-child(3n+2), .solution-center-page .content .product-list ul li:nth-child(3n+2), .solution-center-page .content .solution-list ul li:nth-child(3n+2) { margin-left: .2rem; margin-right: .2rem; }
 */
.product-center-page .content .product-list ul li img, .product-center-page .content .solution-list ul li img, .solution-center-page .content .product-list ul li img, .solution-center-page .content .solution-list ul li img { width: 100%; margin-bottom: .6rem; }

.product-center-page .content .product-list ul li img.pc, .product-center-page .content .solution-list ul li img.pc, .solution-center-page .content .product-list ul li img.pc, .solution-center-page .content .solution-list ul li img.pc { display: block; }

.product-center-page .content .product-list ul li img.m, .product-center-page .content .solution-list ul li img.m, .solution-center-page .content .product-list ul li img.m, .solution-center-page .content .solution-list ul li img.m { display: none; }

.product-center-page .content .product-list ul li h4, .product-center-page .content .solution-list ul li h4, .solution-center-page .content .product-list ul li h4, .solution-center-page .content .solution-list ul li h4 { margin-bottom: .16rem; font-size: .24rem; color: #000000; font-weight: 400; transition: color .5s; }

.product-center-page .content .product-list ul li p, .product-center-page .content .solution-list ul li p, .solution-center-page .content .product-list ul li p, .solution-center-page .content .solution-list ul li p { font-size: .16rem; letter-spacing: 0; color: #666; line-height: 1.5em; padding-right: .16rem; padding-left: .16rem; text-align: center; flex-grow: 1; }

.product-center-page .content .product-list ul li a.learnMore, .product-center-page .content .solution-list ul li a.learnMore, .solution-center-page .content .product-list ul li a.learnMore, .solution-center-page .content .solution-list ul li a.learnMore { margin-top: .48rem; background: #FFFFFF; border: 1px solid #d4251f; border-radius: .33rem; padding: .126rem .20rem; font-size: .16rem; color: #D4251F; transition: background-color 0.5s, color .5s; }

.product-center-page .content .product-list ul li a.learnMore:hover, .product-center-page .content .solution-list ul li a.learnMore:hover, .solution-center-page .content .product-list ul li a.learnMore:hover, .solution-center-page .content .solution-list ul li a.learnMore:hover { background-color: #d4251f; color: #fff; }

.product-center-page .content .product-list ul li a.learnMore:hover span, .product-center-page .content .solution-list ul li a.learnMore:hover span, .solution-center-page .content .product-list ul li a.learnMore:hover span, .solution-center-page .content .solution-list ul li a.learnMore:hover span { color: #fff; }

.product-center-page .content .product-list ul li a.learnMore span, .product-center-page .content .solution-list ul li a.learnMore span, .solution-center-page .content .product-list ul li a.learnMore span, .solution-center-page .content .solution-list ul li a.learnMore span { font-size: .12rem; font-weight: 700; }

.product-center-page .content .product-list ul li:hover, .product-center-page .content .solution-list ul li:hover, .solution-center-page .content .product-list ul li:hover, .solution-center-page .content .solution-list ul li:hover { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }

.product-center-page .content .product-list ul li:hover h4, .product-center-page .content .solution-list ul li:hover h4, .solution-center-page .content .product-list ul li:hover h4, .solution-center-page .content .solution-list ul li:hover h4 { color: #D4251F; }

.product-center-page .content .product-list ul .hover-zoom-img .solution-link, .product-center-page .content .solution-list ul .hover-zoom-img .solution-link, .solution-center-page .content .product-list ul .hover-zoom-img .solution-link, .solution-center-page .content .solution-list ul .hover-zoom-img .solution-link { width: 100%; }

.product-center-page .content .product-list ul .hover-zoom-img .img-box, .product-center-page .content .solution-list ul .hover-zoom-img .img-box, .solution-center-page .content .product-list ul .hover-zoom-img .img-box, .solution-center-page .content .solution-list ul .hover-zoom-img .img-box { width: 100%; overflow: hidden; height: 2.34rem; margin-bottom: .77rem; }

.product-center-page .content .product-list ul .hover-zoom-img .img-box img, .product-center-page .content .solution-list ul .hover-zoom-img .img-box img, .solution-center-page .content .product-list ul .hover-zoom-img .img-box img, .solution-center-page .content .solution-list ul .hover-zoom-img .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }

.product-center-page .content .product-list ul .hover-zoom-img p, .product-center-page .content .solution-list ul .hover-zoom-img p, .solution-center-page .content .product-list ul .hover-zoom-img p, .solution-center-page .content .solution-list ul .hover-zoom-img p { flex-grow: 1; padding: 0 .16rem; }

.product-center-page .content .product-list ul .hover-zoom-img:hover img, .product-center-page .content .solution-list ul .hover-zoom-img:hover img, .solution-center-page .content .product-list ul .hover-zoom-img:hover img, .solution-center-page .content .solution-list ul .hover-zoom-img:hover img { transform: scale(1.1); }

.product-center-page .content .product-list ul .zoom-plane .img-box, .product-center-page .content .solution-list ul .zoom-plane .img-box, .solution-center-page .content .product-list ul .zoom-plane .img-box, .solution-center-page .content .solution-list ul .zoom-plane .img-box { width: 100%; height: 2rem; display: flex; align-items: center; justify-content: center; }

.product-center-page .content .product-list ul .zoom-plane .img-box img, .product-center-page .content .solution-list ul .zoom-plane .img-box img, .solution-center-page .content .product-list ul .zoom-plane .img-box img, .solution-center-page .content .solution-list ul .zoom-plane .img-box img { width: 80%; transition: width .5s; }

.product-center-page .content .product-list ul .zoom-plane:hover img, .product-center-page .content .solution-list ul .zoom-plane:hover img, .solution-center-page .content .product-list ul .zoom-plane:hover img, .solution-center-page .content .solution-list ul .zoom-plane:hover img { width: 90%; }

.product-center-page .content .product-list.active, .product-center-page .content .solution-list.active, .solution-center-page .content .product-list.active, .solution-center-page .content .solution-list.active { display: block; }

.product-center-page .content .solution-list ul li, .solution-center-page .content .solution-list ul li { padding-top: 0; padding-right: 0; padding-left: 0; padding-bottom: 0.4rem; }

.product-center-page .content .solution-list ul li img, .solution-center-page .content .solution-list ul li img { border-top-right-radius: .16rem; border-top-left-radius: .16rem; height: auto; width: 100%; }

@media (max-width: 1366px) { .product-center-page .content, .solution-center-page .content { margin: 0 1.65rem; } }

@media (max-width: 767px) { .product-center-page .content, .solution-center-page .content { margin: 0; }
  .product-center-page .content .product-list .pc-ul, .product-center-page .content .solution-list .pc-ul, .solution-center-page .content .product-list .pc-ul, .solution-center-page .content .solution-list .pc-ul { display: block; }
  .product-center-page .content .product-list .pc-ul li, .product-center-page .content .solution-list .pc-ul li, .solution-center-page .content .product-list .pc-ul li, .solution-center-page .content .solution-list .pc-ul li { width: 100%; margin: .24rem 0; border-radius: 0; padding-bottom: .88rem; }
  .product-center-page .content .product-list .pc-ul li img, .product-center-page .content .solution-list .pc-ul li img, .solution-center-page .content .product-list .pc-ul li img, .solution-center-page .content .solution-list .pc-ul li img { height: auto; width: 100%; }
  .product-center-page .content .product-list .pc-ul li img.pc, .product-center-page .content .solution-list .pc-ul li img.pc, .solution-center-page .content .product-list .pc-ul li img.pc, .solution-center-page .content .solution-list .pc-ul li img.pc { display: none; }
  .product-center-page .content .product-list .pc-ul li img.m, .product-center-page .content .solution-list .pc-ul li img.m, .solution-center-page .content .product-list .pc-ul li img.m, .solution-center-page .content .solution-list .pc-ul li img.m { display: block; }
  .product-center-page .content .product-list .pc-ul li h4, .product-center-page .content .solution-list .pc-ul li h4, .solution-center-page .content .product-list .pc-ul li h4, .solution-center-page .content .solution-list .pc-ul li h4 { margin-bottom: .24rem; font-size: .36rem; }
  .product-center-page .content .product-list .pc-ul li p, .product-center-page .content .solution-list .pc-ul li p, .solution-center-page .content .product-list .pc-ul li p, .solution-center-page .content .solution-list .pc-ul li p { font-size: .26rem; }
  .product-center-page .content .product-list .pc-ul li a.learnMore, .product-center-page .content .solution-list .pc-ul li a.learnMore, .solution-center-page .content .product-list .pc-ul li a.learnMore, .solution-center-page .content .solution-list .pc-ul li a.learnMore { font-size: .26rem; padding: .22rem .65rem; border-radius: .45rem; margin-top: .79rem; }
  .product-center-page .content .product-list .pc-ul li:nth-child(3n+2), .product-center-page .content .solution-list .pc-ul li:nth-child(3n+2), .solution-center-page .content .product-list .pc-ul li:nth-child(3n+2), .solution-center-page .content .solution-list .pc-ul li:nth-child(3n+2) { margin-left: 0; margin-right: 0; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img .img-box, .product-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box, .solution-center-page .content .product-list .pc-ul .hover-zoom-img .img-box, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box { width: 100%; overflow: auto; height: auto; margin-bottom: .77rem; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img .img-box img, .product-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box img, .solution-center-page .content .product-list .pc-ul .hover-zoom-img .img-box img, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }
  .product-center-page .content .product-list .pc-ul .hover-zoom-img:hover img, .product-center-page .content .solution-list .pc-ul .hover-zoom-img:hover img, .solution-center-page .content .product-list .pc-ul .hover-zoom-img:hover img, .solution-center-page .content .solution-list .pc-ul .hover-zoom-img:hover img { transform: scale(1.1); }
  .product-center-page .content .product-list .pc-ul .zoom-plane .img-box, .product-center-page .content .solution-list .pc-ul .zoom-plane .img-box, .solution-center-page .content .product-list .pc-ul .zoom-plane .img-box, .solution-center-page .content .solution-list .pc-ul .zoom-plane .img-box { width: 100%; height: auto; }
  .product-center-page .content .product-list .pc-ul .zoom-plane .img-box img, .product-center-page .content .solution-list .pc-ul .zoom-plane .img-box img, .solution-center-page .content .product-list .pc-ul .zoom-plane .img-box img, .solution-center-page .content .solution-list .pc-ul .zoom-plane .img-box img { width: 100%; transition: width .5s; }
  .product-center-page .content .product-list .pc-ul .zoom-plane:hover img, .product-center-page .content .solution-list .pc-ul .zoom-plane:hover img, .solution-center-page .content .product-list .pc-ul .zoom-plane:hover img, .solution-center-page .content .solution-list .pc-ul .zoom-plane:hover img { width: 100%; } }

.home-page { font-family: SourceHanSansCN-Regular; }

.home-page a:hover { text-decoration: underline; color: #D4251F; }

.home-page li::marker { color: transparent; font-size: 0; }

.home-page .banner .swiper-wrapper .swiper-imgpc { display: block; }

.home-page .banner .swiper-wrapper .swiper-imgphone { display: none; }

@media (max-width: 750px) { .home-page .banner .swiper-wrapper .swiper-imgpc { display: none; }
  .home-page .banner .swiper-wrapper .swiper-imgphone { display: block; } }

.home-page .solution-center, .home-page .product-center { padding-top: 1.04rem; padding-bottom: .74rem; }

.home-page .solution-center h2, .home-page .solution-center p.intro, .home-page .product-center h2, .home-page .product-center p.intro { text-align: center; }

.home-page .solution-center h2, .home-page .product-center h2 { font-size: .46rem; color: #000000; letter-spacing: 0; text-align: center; font-weight: 700; margin-bottom: .2rem; }

.home-page .solution-center > p.intro, .home-page .product-center > p.intro { font-size: .24rem; color: #000000; letter-spacing: 0; text-align: center; font-weight: 400; margin-bottom: .52rem; }

.home-page .solution-center .check-more, .home-page .product-center .check-more { display: block; padding: 0 calc(1.76rem + 0.31rem / 2); margin-bottom: .26rem; }

@media (max-width: 767px) { .home-page .solution-center, .home-page .product-center { background: #F1F3F5; padding-top: .88rem; padding-bottom: 0; }
  .home-page .solution-center h2, .home-page .product-center h2 { font-weight: 500; font-size: 0.56rem; }
  .home-page .solution-center p.intro, .home-page .product-center p.intro { font-size: 0.32rem; margin-bottom: 0.88rem; }
  .home-page .solution-center .check-more, .home-page .product-center .check-more { display: none; width: 91%; margin: 0 auto .26rem auto; padding: 0; } }

.home-page .solution-center .swiper-pagination span, .home-page .product-center .swiper-pagination span { padding: 0.12rem .16rem; margin: 0 .1rem; border: none; position: relative; border-radius: .13rem; cursor: pointer; background-color: transparent; opacity: 1; }

.home-page .solution-center .swiper-pagination span:after, .home-page .product-center .swiper-pagination span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: #CDCED0; }

.home-page .solution-center .swiper-pagination span.swiper-pagination-bullet-active, .home-page .product-center .swiper-pagination span.swiper-pagination-bullet-active { border: 1px solid #d4251f; }

.home-page .solution-center .swiper-pagination span.swiper-pagination-bullet-active:after, .home-page .product-center .swiper-pagination span.swiper-pagination-bullet-active:after { background: #d4251f; }

.home-page .solution-center a.check-all, .home-page .product-center a.check-all { font-size: .3rem; color: #666666; text-align: center; display: block; margin-top: .2rem; }

.home-page .product-center { background: #F1F3F5; padding-bottom: .74rem; position: relative; }

.home-page .product-center .product-sw-pg { left: 50%; transform: translateX(-50%); bottom: .24rem; }

@media (max-width: 767px) { .home-page .product-center .product-sw-pg { display: none; } }

.home-page .product-center .sw-pc { display: block; margin: 0 1.76rem; overflow: hidden; }

.home-page .product-center .sw-pc .swiper-slide { height: auto; width: auto; }

.home-page .product-center .sw-pc .sw-prd-card { width: 4.86rem; background-color: #fff; border-radius: .16rem; display: flex; flex-direction: column; padding-top: .8rem; align-items: center; margin: 0 calc(0.31rem / 2); padding-bottom: .74rem; overflow: hidden; height: 100%; }

.home-page .product-center .sw-pc .sw-prd-card .img-box { width: 100%; overflow: hidden; height: 2.44rem; margin-bottom: .7rem; }

.home-page .product-center .sw-pc .sw-prd-card .img-box img { width: 95%; text-align: center; position: relative; transition: transform .5s, width .5s; margin-bottom: 0; }

.home-page .product-center .sw-pc .sw-prd-card h4 { font-size: 20px; color: #000000; letter-spacing: 0; text-align: center; font-weight: 500; margin-bottom: .14rem; transition: color .5s; }

.home-page .product-center .sw-pc .sw-prd-card p { font-size: 0.16rem; color: rgba(0, 0, 0, 0.6); letter-spacing: 0; text-align: center; line-height: .25rem; font-weight: 400; padding: 0 0.3rem; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore { margin-top: 0.45rem; padding: 0.13rem .22rem; text-align: center; border: 1px solid #d4251f; border-radius: 0.3rem; font-size: .16rem; color: #D4251F; letter-spacing: 0; font-weight: 400; transition: background-color 0.5s; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore span { font-size: .12rem; margin-left: -0.03rem; }

.home-page .product-center .sw-pc .sw-prd-card a.learnMore:hover { background-color: #d4251f; color: #fff; }

.home-page .product-center .sw-pc .sw-prd-card:hover h4 { color: #D4251F; }

.home-page .product-center .sw-pc .sw-prd-card:hover img { width: 100%; }

.home-page .product-center .sw-m { display: none; }

.home-page .product-center .sw-m .mobile-li { background-color: #fff; text-align: center; padding-bottom: .88rem; margin-bottom: .24rem; padding-top: .7rem; }

.home-page .product-center .sw-m .mobile-li img { width: 100%; }

.home-page .product-center .sw-m .mobile-li h4 { margin-top: 1.2rem; font-size: .36rem; color: #000000; font-weight: 400; margin-bottom: .22rem; }

.home-page .product-center .sw-m .mobile-li p { font-size: .26rem; color: rgba(0, 0, 0, 0.6); line-height: .39rem; font-weight: 400; }

.home-page .product-center .sw-m .mobile-li a.learnMore { display: inline-block; margin-top: 1.2rem; width: 2.52rem; padding: .26rem 0; text-align: center; border: 1px solid #d4251f; border-radius: .45rem; font-size: .26rem; color: #D4251F; letter-spacing: 0; font-weight: 400; }

.home-page .product-center .pc-ul { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; }

@media (max-width: 767px) { .home-page .product-center .sw-pc { display: none; }
  .home-page .product-center .swiper-button-next, .home-page .product-center .swiper-button-prev { display: none !important; }
  .home-page .product-center .swiper-button-next .autelrobotics { display: none; }
  .home-page .product-center .sw-m { display: block; } }

.home-page .solution-center { padding-bottom: 74px; }

.home-page .solution-center .content { display: grid; padding: 0 1.76rem; align-items: center; width: 100%; justify-content: space-between; grid-template-columns: 1fr 1fr 1fr; }

.home-page .solution-center .content .card { background-color: #fff; border-radius: .16rem; height: 7.4rem; margin: 0 calc(0.31rem / 2); }

.home-page .solution-center .content .card > a { display: block; height: 100%; background-size: 100% 100%; background-position: center; position: relative; border-radius: .16rem; transition: background-size .5s; }

.home-page .solution-center .content .card > a .info { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); height: 1.5rem; padding: .26rem .2rem; }

.home-page .solution-center .content .card > a .info h4 { font-size: .32rem; color: rgba(255, 255, 255, 0.9); letter-spacing: 0; font-weight: 500; margin-bottom: .16rem; }

.home-page .solution-center .content .card > a .info p { text-align: left; font-size: .21rem; color: rgba(255, 255, 255, 0.6); letter-spacing: 0; font-weight: 400; }

.home-page .solution-center .content .card:hover a { background-size: 110% 110%; }

.home-page .solution-center a.check-all { display: none; }

@media (max-width: 767px) { .home-page .solution-center .content, .home-page .solution-center .pc-ul { display: block; padding: 0; }
  .home-page .solution-center .content .card, .home-page .solution-center .pc-ul .card { height: 10rem; margin-bottom: .2rem; margin-right: 0; margin-left: 0; }
  .home-page .solution-center .content .card > div, .home-page .solution-center .pc-ul .card > div { border-radius: 0; }
  .home-page .solution-center .content .card > div .info, .home-page .solution-center .pc-ul .card > div .info { height: auto; padding: .4rem; border-radius: 0; }
  .home-page .solution-center .content .card > div .info h4, .home-page .solution-center .pc-ul .card > div .info h4 { font-size: .4rem; margin-bottom: .16rem; }
  .home-page .solution-center .content .card > div .info p, .home-page .solution-center .pc-ul .card > div .info p { font-size: .32rem; }
  .home-page .solution-center a.check-all { display: block; } }

.home-page .solution-video { width: 100%; position: relative; font-size: 0; }

.home-page .solution-video .module { position: absolute; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: .83rem; z-index: 1; cursor: pointer; }

.home-page .solution-video .module h2 { font-size: .62rem; color: #FFFFFF; letter-spacing: 0; text-align: center; text-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); font-weight: 500; margin-bottom: .2rem; }

.home-page .solution-video .module p { font-size: .24rem; color: #FFFFFF; letter-spacing: 0; font-weight: 400; margin-bottom: .35rem; }

.home-page .solution-video .module button { color: #fff; padding: .13rem .29rem; background: #D4251F; border-radius: .23rem; display: flex; align-items: center; justify-content: center; font-size: .16rem; cursor: pointer; }

.home-page .solution-video .module button img { position: relative; margin-left: .05rem; width: .15rem; }

@media (max-width: 767px) { .home-page .solution-video .module { padding-top: 0.33rem; }
  .home-page .solution-video .module h2 { font-size: .46rem; margin-bottom: .16rem; }
  .home-page .solution-video .module p { font-size: .22rem; }
  .home-page .solution-video .module button { width: 2.22rem; padding: .15rem 0; font-size: .28rem; border-radius: .39rem; }
  .home-page .solution-video .module button img { width: .3rem; margin: 0 0 0 .1rem; } }

.home-page .solution-video video { width: 100%; }

.home-page .solution-video video.pc { display: block; }

.home-page .solution-video video.mobile { display: none; }

@media (max-width: 767px) { .home-page .solution-video video.pc { display: none; }
  .home-page .solution-video video.mobile { display: block; } }

.home-page .check-more { font-size: 0.16rem; color: #D4251F; letter-spacing: 0; font-weight: 600; }

.home-page .check-more span { font-size: 0.12rem; font-weight: 600; }

.home-page .mainer .banner .swiper-button-next { opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311082863.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; right: 60px; font-size: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; }

.home-page .mainer .banner .swiper-button-next:hover { opacity: 1 !important; color: #D4251F; }

.home-page .mainer .banner .swiper-button-prev { opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311089562.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; left: 60px; font-size: .5rem; text-align: center; display: flex; align-items: center; justify-content: center; }

.home-page .mainer .banner .swiper-button-prev:hover { opacity: 1 !important; color: #D4251F; }

.home-page .mainer .banner .swiper-button-next { cursor: pointer; opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311082863.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; right: .35rem; }

.home-page .mainer .banner .swiper-button-next:hover { opacity: 1 !important; }

.home-page .mainer .banner .swiper-button-prev { cursor: pointer; opacity: 0.4 !important; background-image: url("/userfiles/images/2023/03/03/2023030311089562.svg?noCache=leryhb3g"); background-position: center; background-repeat: none; background-color: transparent; left: .35rem; }

.home-page .mainer .banner .swiper-button-prev:hover { opacity: 1 !important; }

.home-page .product-center .swiper-button-prev { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; left: .88rem; transition: all .5s; top: 6.2rem; }

.home-page .product-center .swiper-button-prev span { position: relative; right: 0.03rem; }

.home-page .product-center .swiper-button-prev:hover { color: #D4251F; opacity: 1 !important; }

.home-page .product-center .swiper-button-next { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; right: .88rem; transition: all .5s; top: 6.2rem; }

.home-page .product-center .swiper-button-next span { position: relative; left: 0.03rem; }

.home-page .product-center .swiper-button-next:hover { color: #D4251F; opacity: 1 !important; }

@media (max-width: 750px) { .mainer .banner .swiper-button-prev, .mainer .banner .swiper-button-next { display: none !important; } }

@media screen and (max-width: 1259px) { .mainer { margin-top: 0; } }

.swiper-img object a { font-size: 18px !important; }

.swiper-img object a:hover span { text-decoration: underline !important; }

.solution-detail img { margin: 0; }

.solution-detail a:hover { text-decoration: underline; color: #D4251F; }

.solution-detail .header { width: 100%; height: 6rem; padding-top: 2.3rem; padding-left: 2.54rem; background-size: cover; background-position: center; }

.solution-detail .header h3 { color: #000; font-size: .56rem; font-weight: 500; color: #000000; line-height: .66rem; margin-bottom: .15rem; }

.solution-detail .header p { font-size: .26rem; font-weight: 500; color: #000000; line-height: .30rem; }

.solution-detail .header.pc { display: block; }

.solution-detail .header.mobile { display: none; }

@media (max-width: 767px) { .solution-detail .header { padding-left: 0; height: 8.82rem; padding-top: 2.17rem; }
  .solution-detail .header h3, .solution-detail .header p { text-align: center; }
  .solution-detail .header.pc { display: none; }
  .solution-detail .header.mobile { display: block; } }

.solution-detail .p-nav { position: sticky; top: .8rem; z-index: 11; }

.solution-detail .p-nav nav { display: flex; align-items: center; justify-content: space-between; position: relative; top: -.6rem; left: 50%; transform: translateX(-50%); background-color: #fff; padding: .2rem .22rem; border-radius: .16rem; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); transition: width .5s ease, padding .5s, font-size .5s; z-index: 1; width: 77%; max-width: 14.12rem; }

.solution-detail .p-nav nav p.select { display: none; font-size: .28rem; font-weight: 400; color: rgba(0, 0, 0, 0.6); }

.solution-detail .p-nav nav p.select span { margin-left: .1rem; color: #d4251f; font-family: "autelrobotics" !important; }

.solution-detail .p-nav nav ul { margin-left: .28rem; display: flex; align-items: center; justify-content: space-between; }

.solution-detail .p-nav nav ul li { font-size: .22rem; margin-right: .48rem; font-weight: 500; color: #737373; line-height: .26rem; cursor: pointer; }

.solution-detail .p-nav nav ul li:hover { color: #D4251F; }

.solution-detail .p-nav nav ul li.active { color: #D4251F; }

.solution-detail .p-nav nav button { cursor: pointer; padding: .2rem .36rem; background: #D4251F; border-radius: .4rem; color: #fff; font-size: .22rem; line-height: .26rem; font-weight: 500; }

@media (max-width: 767px) { .solution-detail .p-nav nav { width: 10rem; padding: .29rem .38rem; width: 6.86rem; height: 1.3rem; }
  .solution-detail .p-nav nav p.select { display: block; }
  .solution-detail .p-nav nav ul { margin-left: 0; border-bottom-left-radius: .16rem; border-bottom-right-radius: .16rem; display: none; position: absolute; top: 90%; background: #fff; width: 100%; left: 0; padding: 0.38rem; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); }
  .solution-detail .p-nav nav ul::before { content: ''; position: absolute; display: block; width: calc(100% - 0.38rem * 2); left: 50%; transform: translateX(-50%); height: .01rem; background-color: #ccc; top: .08rem; }
  .solution-detail .p-nav nav ul li { padding: .29rem 0; color: rgba(0, 0, 0, 0.6); margin-right: .2rem; }
  .solution-detail .p-nav nav ul li a { font-size: .28rem; font-weight: 400; line-height: .33rem; }
  .solution-detail .p-nav nav ul li.active { color: #D4251F; }
  .solution-detail .p-nav nav ul.active { display: block; }
  .solution-detail .p-nav nav button { font-size: .24rem; line-height: .28rem; } }

.solution-detail nav.p-rlative { position: inherit; top: auto; left: auto; transform: none; margin: 0 auto; padding: 0rem 0.22rem; }

.solution-detail nav.p-rlative ul li { font-size: .16rem; }

.solution-detail nav.p-rlative button { margin: .1rem 0; padding: .1rem .36rem; border-radius: .32rem; font-size: .18rem; }

@media (max-width: 767px) { .solution-detail nav.p-rlative { width: 100%; height: 1.3rem; transform: none; } }

.solution-detail .section { padding-bottom: .5rem; padding-top: .5rem; }

.solution-detail .section h2 { text-align: center; position: relative; font-size: .52rem; font-weight: 400; color: #000000; line-height: .61rem; }

.solution-detail .section h2::after { content: ''; display: block; position: absolute; bottom: -.1rem; left: 50%; transform: translateX(-50%); height: 0.02rem; width: .96rem; background-color: #d4251f; }

.solution-detail .introduce { margin-top: .2rem; }

.solution-detail .introduce p { width: 14.12rem; margin: .53rem auto .8rem auto; font-weight: 400; color: #666666; font-size: .20rem; font-weight: 400; line-height: .30rem; text-align: justify; }

@media (max-width: 767px) { .solution-detail .introduce p { width: 6.86rem; font-size: .28rem; line-height: .42rem; } }

.solution-detail .business-points { background-color: #f8f8f8; padding-top: .9rem; }

.solution-detail .business-points ul { max-width: 14.12rem; margin: .8rem auto .8rem auto; display: flex; justify-content: space-between; }

.solution-detail .business-points ul li { display: flex; flex-direction: column; align-items: center; width: calc((100% - .32rem * 3) / 4); }

.solution-detail .business-points ul li img { margin-bottom: .32rem; width: .82rem; height: .82rem; }

.solution-detail .business-points ul li h4 { font-size: .26rem; font-weight: 400; color: #000000; line-height: .30rem; margin-bottom: .24rem; text-align: center; }

.solution-detail .business-points ul li p { font-size: .18rem; font-weight: 400; line-height: .30rem; color: #666666; text-align: justify; }

@media (max-width: 767px) { .solution-detail .business-points ul { display: block; width: 100%; }
  .solution-detail .business-points ul li { margin-bottom: .9rem; width: 100%; }
  .solution-detail .business-points ul li img { width: 1.2rem; height: 1.2rem; }
  .solution-detail .business-points ul li h4 { font-size: .32rem; font-weight: 400; color: #000000; line-height: .38rem; }
  .solution-detail .business-points ul li p { font-size: .28rem; font-weight: 400; line-height: .42rem; padding: 0 .32rem; text-align: center; } }

.solution-detail .architecture-plan { padding: .9rem .32rem; }

.solution-detail .architecture-plan h2 { margin-bottom: .85rem; }

.solution-detail .architecture-plan .content { width: 14.12rem; margin: 0 auto; background: #EDEFF1; border-radius: .16rem; padding: .24rem; text-align: center; text-align: center; margin-bottom: 20px; }

.solution-detail .architecture-plan .content img { display: inline; }

.solution-detail .architecture-plan .content .item { width: 100%; display: flex; margin-bottom: 20px; }

.solution-detail .architecture-plan .content .item:last-child { margin-bottom: 0; }

.solution-detail .architecture-plan .content .item .title { text-align: center; color: #000; font-weight: bold; padding: .13rem; width: 2.6rem; background: #F8F8F8; border-radius: .08rem 0 0 .08rem; border: .01rem solid #D9DCE0; font-size: .20rem; line-height: .23rem; }

.solution-detail .architecture-plan .content .item ul { background-color: #fff; flex-grow: 1; display: flex; align-items: center; justify-content: space-around; }

.solution-detail .architecture-plan .content .item ul .warp-item { flex-wrap: wrap; padding-bottom: 0px; }

.solution-detail .architecture-plan .content .item ul .warp-item li { min-width: 45%; margin-bottom: 10px; }

.solution-detail .architecture-plan .content .item ul li { padding: .04rem; /*min-width: 33%;*/ justify-content: center; align-items: center; display: flex; font-size: .18rem; font-weight: 400; line-height: .21rem; color: #737373; }

.solution-detail .architecture-plan .content .item ul li img { width: 0.48rem; height: 0.48rem; margin-right: 0.05rem; }

@media (max-width: 767px) { .solution-detail .architecture-plan .content { width: 100%; padding: .12rem; }
  .solution-detail .architecture-plan .content .connect { margin-bottom: .1rem; }
  .solution-detail .architecture-plan .content .connect img { width: .3rem; }
  .solution-detail .architecture-plan .content .item { background: #FFFFFF; border-radius: .04rem; opacity: 1; border: .02rem dashed #CDD7E2; margin-bottom: .1rem; }
  .solution-detail .architecture-plan .content .item .title { max-width: 1.262rem; min-width: 1.262rem; padding: .17rem .23rem; width: auto; background: #F2F8FD; border-radius: 4px 0px 0px 4px; opacity: 1; border: 2px dotted #96B2D0; display: flex; align-items: center; padding: 0; justify-content: center; text-align: center; }
  .solution-detail .architecture-plan .content .item .title span { font-size: .18rem; line-height: 2em; }
  .solution-detail .architecture-plan .content .item ul { flex-wrap: wrap; }
  .solution-detail .architecture-plan .content .item ul li { padding: .08rem; }
  .solution-detail .architecture-plan .content .item ul li img { width: .32rem; height: .32rem; margin-right: .09rem; }
  .solution-detail .architecture-plan .content .item ul li span { font-size: .18rem; font-weight: 400; line-height: .21rem; color: #666666; }
  .solution-detail .architecture-plan .content .item ul.grid-2-2 { display: grid; grid-template-columns: 1fr 1fr; padding-left: .2rem; }
  .solution-detail .architecture-plan .content .item ul.grid-2-2 li { width: auto; justify-self: flex-start; } }

.solution-detail .business-value { background-color: #F8F8F8; padding: 0.9rem 0.32rem; }

.solution-detail .business-value h2 { margin-bottom: .85rem; }

.solution-detail .business-value .cards { max-width: 14.12rem; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: .48rem; grid-column-gap: .48rem; }

.solution-detail .business-value .cards .card { border-radius: .1rem; background: #FFFFFF; box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.08); padding-bottom: .59rem; border-radius: .16rem; transition: box-shadow .5s; }

.solution-detail .business-value .cards .card .img-box { border-top-right-radius: .16rem; border-top-left-radius: .16rem; width: 100%; height: 2.9rem; overflow: hidden; height: auto; margin-bottom: .77rem; }

.solution-detail .business-value .cards .card .img-box img { width: 100%; position: relative; transition: transform .5s; margin-bottom: 0; }

.solution-detail .business-value .cards .card h4 { transition: color .5s; margin-bottom: .24rem; text-align: center; font-size: .26rem; font-weight: 400; color: #000000; line-height: .30rem; }

.solution-detail .business-value .cards .card p { padding: 0 .24rem; color: #737373; font-size: .18rem; font-weight: 400; line-height: .27rem; text-align: justify; }

.solution-detail .business-value .cards .card .pc-img { display: block; margin-bottom: .6rem; }

.solution-detail .business-value .cards .card .m-img { display: none; }

.solution-detail .business-value .cards .card:hover { box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15); }

.solution-detail .business-value .cards .card:hover img { transform: scale(1.1); }

.solution-detail .business-value .cards .card:hover h4 { color: #D4251F; }

@media (max-width: 767px) { .solution-detail .business-value { padding: 0.9rem 0; }
  .solution-detail .business-value .cards { display: block; }
  .solution-detail .business-value .cards .card { background-color: #fff; margin-bottom: .2rem; text-align: center; padding-bottom: .7rem; border-radius: 0; box-shadow: none; }
  .solution-detail .business-value .cards .card img { margin-bottom: .76rem; }
  .solution-detail .business-value .cards .card .img-box { border-radius: 0; }
  .solution-detail .business-value .cards .card h4 { margin-bottom: .24rem; font-size: .36rem; font-weight: 400; line-height: .42rem; }
  .solution-detail .business-value .cards .card p { width: 6.22rem; margin: 0 auto; color: #666666; font-size: .26rem; line-height: .39rem; }
  .solution-detail .business-value .cards .card .pc-img { display: none; }
  .solution-detail .business-value .cards .card .m-img { display: block; } }

.solution-detail .recommended { background-color: #F3F3F3; padding-top: .9rem; }

.solution-detail .recommended h2 { margin-bottom: .82rem; }

.solution-detail .recommended .solutions { display: flex; align-items: center; justify-content: center; margin-bottom: .74rem; }

.solution-detail .recommended .solutions button { margin-right: 1rem; padding: .11rem .26rem; font-size: .16rem; font-weight: 400; line-height: .19rem; background: #FFFFFF; border-radius: 45px; border: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; }

.solution-detail .recommended .solutions button.active { color: #D4251F; border-radius: 45px; border: 1px solid #D4251F; }

.solution-detail .recommended .solutions button:last-child { margin-right: 0; }

.solution-detail .recommended .solution-content { display: none; padding: 0 1.77rem; position: relative; }

.solution-detail .recommended .solution-content .swiper-container { display: flex; }

.solution-detail .recommended .solution-content .solution-card { background-color: #fff; width: 100%; text-align: center; padding-bottom: .88rem; margin-bottom: .2rem; border-radius: .32rem; height: auto; }

.solution-detail .recommended .solution-content .solution-card .img-box { border-top-right-radius: .16rem; border-top-left-radius: .16rem; width: 100%; height: 3.8rem; overflow: hidden; margin-bottom: .74rem; }

.solution-detail .recommended .solution-content .solution-card .img-box img { position: relative; transition: transform .5s; margin-bottom: 0; }

.solution-detail .recommended .solution-content .solution-card img { width: 100%; }

.solution-detail .recommended .solution-content .solution-card h4 { font-size: .20rem; font-weight: 400; color: #000000; line-height: .23rem; margin-bottom: .14rem; }

.solution-detail .recommended .solution-content .solution-card p { color: #666666; font-size: .16rem; font-weight: 400; line-height: .25rem; }

.solution-detail .recommended .solution-content .solution-card a.learnMore { margin-top: .74rem; display: inline-block; background: #FFFFFF; border: .01rem solid #D4251F; padding: 0.11rem .20rem; text-align: center; border-radius: .42rem; color: #D4251F; font-weight: 400; transition: all 0.5s; font-size: .16rem; font-weight: 400; line-height: .19rem; }

.solution-detail .recommended .solution-content .solution-card a.learnMore span { position: relative; top: -1px; font-size: 0.12rem; font-weight: bold; }

.solution-detail .recommended .solution-content .solution-card a.learnMore:hover { background-color: #d4251f; color: #fff; }

.solution-detail .recommended .solution-content .solution-card:hover img { transform: scale(1.1); }

.solution-detail .recommended .solution-content .solution-card:hover h4 { color: #D4251F; }

@media (max-width: 769px) { .solution-detail .recommended .solution-content .solution-card { border-radius: 0; }
  .solution-detail .recommended .solution-content .solution-card:hover img { transform: none; } }

.solution-detail .recommended .solution-content .mobile-list { display: none; }

.solution-detail .recommended .solution-content .mobile-list img { margin-bottom: 1.3rem; }

.solution-detail .recommended .solution-content .mobile-list h4 { font-size: .36rem; font-weight: 400; color: #000000; line-height: .42rem; margin-bottom: .24rem; }

.solution-detail .recommended .solution-content .mobile-list p { font-size: .26rem; font-weight: 400; color: #666666; line-height: .39rem; }

.solution-detail .recommended .solution-content .mobile-list a.learnMore { margin-top: 1.1rem; display: inline-block; background: #FFFFFF; border: 2px solid #D4251F; margin-top: 1.1rem; padding: 0.22rem .66rem; text-align: center; border-radius: .42rem; font-size: .26rem; color: #D4251F; font-weight: 400; transition: all 0.5s; }

.solution-detail .recommended .solution-content .mobile-list a.learnMore:hover { background-color: #d4251f; color: #fff; }

.solution-detail .recommended .solution-content.active { display: block; }

.solution-detail .recommended .solution-content .swiper-button-prev { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; left: .88rem; transition: all .5s; }

.solution-detail .recommended .solution-content .swiper-button-prev span { position: relative; right: 0.03rem; }

.solution-detail .recommended .solution-content .swiper-button-prev:hover { color: #D4251F; opacity: 1 !important; }

.solution-detail .recommended .solution-content .swiper-button-next { cursor: pointer; border-radius: 50%; width: .64rem; height: .64rem; background: rgba(0, 0, 0, 0.1); opacity: 0.4 !important; font-size: .3rem; display: flex; align-items: center; justify-content: center; right: .88rem; transition: all .5s; }

.solution-detail .recommended .solution-content .swiper-button-next span { position: relative; left: 0.03rem; }

.solution-detail .recommended .solution-content .swiper-button-next:hover { color: #D4251F; opacity: 1 !important; }

.solution-detail .recommended .solution-content .swiper-pagination { left: 50%; transform: translateX(-50%); }

.solution-detail .recommended .solution-content .swiper-pagination span { padding: 0.1rem .15rem; margin: 0 .1rem; border: none; position: relative; border-radius: .13rem; cursor: pointer; background-color: transparent; }

.solution-detail .recommended .solution-content .swiper-pagination span:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; border-radius: 50%; background: black; }

.solution-detail .recommended .solution-content .swiper-pagination span.swiper-pagination-bullet-active { border: 1px solid #d4251f; }

.solution-detail .recommended .solution-content .swiper-pagination span.swiper-pagination-bullet-active:after { background: #d4251f; }

@media (max-width: 767px) { .solution-detail .recommended .solutions { width: 6.86rem; margin: 0 auto .26rem auto; border-radius: .52rem; opacity: 1; }
  .solution-detail .recommended .solutions button { margin: 0; margin-right: .32rem; cursor: pointer; padding: .24rem 0; text-align: center; font-size: .28rem; font-weight: 500; color: #666666; line-height: .33rem; width: 2.52rem; }
  .solution-detail .recommended .solutions button.active { color: #D4251F; border: #D4251F 1px solid; border-radius: .52rem; }
  .solution-detail .recommended .solutions button:last-child { margin-right: 0; }
  .solution-detail .recommended .solution-content { padding: 0; }
  .solution-detail .recommended .solution-content .swiper-container { display: none; }
  .solution-detail .recommended .solution-content .mobile-list { display: block; }
  .solution-detail .recommended .swiper-pagination, .solution-detail .recommended .swiper-button-prev, .solution-detail .recommended .swiper-button-next { display: none !important; } }

.solution-detail .recommended .download { display: flex; justify-content: center; margin-top: .75rem; }

.solution-detail .recommended .download a { font-size: .22rem; font-weight: 500; color: #FFFFFF; line-height: .26rem; background-color: #D4251F; border-radius: .32rem; opacity: 1; padding: .17rem .36rem; display: block; margin: 0 auto; transition: background-color .5s; }

@media (max-width: 767px) { .solution-detail .recommended .download a { width: 2.52rem; opacity: 1; padding: .2rem .74rem; border-radius: .45rem; text-align: center; margin: .9rem auto 0 auto; font-size: .26rem; } }

.solution-detail .recommended .download a:hover { background-color: rgba(199, 0, 11, 0.7); }

.solution-detail .cards .card h4, .solution-detail .business-points ul li h4 { height: .6rem; }

.request-a-demo .banner { height: 6rem; position: relative; margin-bottom: 1.3rem; background-position: center; background-size: cover; }

.request-a-demo .banner h2 { padding-top: 2.5rem; padding-left: 2.5rem; font-size: .60rem; font-weight: 600; color: #000000; }

.request-a-demo .banner.pc { display: block; }

.request-a-demo .banner.mobile { display: none; }

.request-a-demo .intro { display: flex; max-width: 14.0rem; margin: 0 auto; padding: .2rem; margin-bottom: 1.5rem; }

.request-a-demo .intro section { align-items: stretch; justify-content: space-between; width: 50%; padding-right: 0.45rem; }

.request-a-demo .intro section h4 { font-size: .36rem; font-weight: 600; color: #000000; margin-bottom: .44rem; }

.request-a-demo .intro section p, .request-a-demo .intro section ul li { font-size: .2rem; font-weight: 400; color: #000000; line-height: .34rem; }

.request-a-demo .intro section:last-child { padding-right: .2rem; }

.request-a-demo div.form { max-width: 14.0rem; margin: 0 auto; margin-bottom: 1.4rem; }

.request-a-demo div.form h4 { font-size: .36rem; font-weight: 600; color: #000000; margin-bottom: .3rem; }

.request-a-demo div.form input { -webkit-appearance: auto; -o-appearance: auto; appearance: auto; box-sizing: border-box; }

.request-a-demo div.form form { position: relative; display: flex; justify-content: center; align-items: stretch; }

.request-a-demo div.form form .form-item { margin-bottom: .38rem; display: flex; align-items: baseline; }

.request-a-demo div.form form .form-item label.error { left: 2.68rem; text-align: left; }

.request-a-demo div.form form .check-box { align-items: baseline; margin-bottom: .15rem; }

.request-a-demo div.form form .check-box div { margin-bottom: .15rem; }

.request-a-demo div.form form .check-box div label.error { left: 0; text-align: left; }

.request-a-demo div.form form .check-box input { margin-right: .15rem; width: .3rem; height: .3rem; }

.request-a-demo div.form form label { max-width: 2.68rem; min-width: 2.68rem; display: inline-block; font-size: .2rem; font-weight: 400; color: #000000; line-height: .34rem; }

.request-a-demo div.form form .checkbox-box { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }

.request-a-demo div.form form .checkbox-box div { display: flex; align-items: center; }

.request-a-demo div.form form input[type="text"], .request-a-demo div.form form input[type="email"] { height: .39rem; width: 3.9rem; background: #FFFFFF; border: .01rem solid #595757; padding: .24rem .1rem; font-size: .20rem; color: #000000; }

.request-a-demo div.form form textarea { padding: .1rem; font-size: .20rem; color: #000000; width: 3.9rem; background: #FFFFFF; border: .01rem solid #595757; }

.request-a-demo div.form form div.right, .request-a-demo div.form form div.left { max-width: 50%; min-width: 50%; flex-grow: 1; }

.request-a-demo div.form form .form-submit { position: absolute; bottom: -.30rem; left: 50%; }

.request-a-demo div.form form .form-submit input { font-size: .18rem; padding: .14rem .21rem; background: #000000; color: #fff; }

.request-a-demo div.form form .form-submit .g-recaptcha { position: absolute; left: 130%; top: 0; }

@media (max-width: 765px) { .request-a-demo .banner.pc { display: none; }
  .request-a-demo .banner.mobile { display: block; margin-bottom: .88rem; }
  .request-a-demo .banner.mobile h2 { padding: 0; margin: 0; text-align: center; padding-top: .84rem; }
  .request-a-demo .intro { display: block; margin-bottom: .2rem; padding: .2rem .35rem; }
  .request-a-demo .intro section { width: 100%; margin-bottom: .75rem; }
  .request-a-demo .intro section h4 { margin-bottom: .38rem; font-size: .36rem; font-weight: 600; color: #000000; }
  .request-a-demo .intro section p, .request-a-demo .intro section ul li { font-size: .18rem; font-weight: 400; color: #000000; line-height: .28rem; }
  .request-a-demo div.form { padding: .2rem .35rem; }
  .request-a-demo div.form h4 { font-size: .36rem; font-family: Open Sans; font-weight: 600; color: #000000; }
  .request-a-demo div.form form { display: block; }
  .request-a-demo div.form form div.left, .request-a-demo div.form form div.right { max-width: inherit; min-width: inherit; }
  .request-a-demo div.form form label { width: 2.23rem; font-size: .2rem; font-family: Open Sans; font-weight: 400; color: #000000; }
  .request-a-demo div.form form input[type="text"], .request-a-demo div.form form input[type="email"] { width: 4.14rem; background: #FFFFFF; border: .01rem solid #595757; padding: .24rem .1rem; font-size: .20rem; color: #000000; }
  .request-a-demo div.form form .check-box .checkbox-box { display: block; }
  .request-a-demo div.form form .check-box .checkbox-box label { width: auto; max-width: inherit; min-width: inherit; font-size: .14rem; font-weight: 400; color: #000000; }
  .request-a-demo div.form form .check-box .checkbox-box input { margin-right: .15rem; width: .45rem; height: .45rem; }
  .request-a-demo div.form form .check-box .checkbox-box div label.error { left: 0; text-align: left; bottom: -11px; color: red; font-size: .14rem; }
  .request-a-demo div.form form .form-submit { position: inherit; left: 0; bottom: 0; transform: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
  .request-a-demo div.form form .form-submit input { padding: .2rem .5rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; }
  .request-a-demo div.form form .form-submit .g-recaptcha { margin-top: .2rem; position: inherit; top: 0; left: 0; } }

.dragenfish_nest .onlyApp { display: none; }

.dragenfish_nest .banner video { width: 100%; }

.dragenfish_nest .banner .pro-appimg { text-align: center; position: relative; }

.dragenfish_nest .banner .pro-appimg div { position: absolute; top: .30rem; z-index: 20; width: 100%; }

.dragenfish_nest .banner .pro-appimg div h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }

.dragenfish_nest .banner .pro-appimg div p { font-size: .20rem; font-weight: 400; color: #fff; line-height: .35rem; }

.dragenfish_nest .p1 .intro, .dragenfish_nest .p2 .intro, .dragenfish_nest .p3 .intro, .dragenfish_nest .p4 .intro, .dragenfish_nest .p7 .intro { color: #fff; }

.dragenfish_nest .p1 .intro .w1280, .dragenfish_nest .p2 .intro .w1280, .dragenfish_nest .p3 .intro .w1280, .dragenfish_nest .p4 .intro .w1280, .dragenfish_nest .p7 .intro .w1280 { text-align: center; }

.dragenfish_nest .p1 .intro .w1280 h2, .dragenfish_nest .p2 .intro .w1280 h2, .dragenfish_nest .p3 .intro .w1280 h2, .dragenfish_nest .p4 .intro .w1280 h2, .dragenfish_nest .p7 .intro .w1280 h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }

.dragenfish_nest .p1 .intro .w1280 p, .dragenfish_nest .p2 .intro .w1280 p, .dragenfish_nest .p3 .intro .w1280 p, .dragenfish_nest .p4 .intro .w1280 p, .dragenfish_nest .p7 .intro .w1280 p { margin: 0 auto; max-width: 9.20rem; color: #fff; line-height: .35rem; font-size: .20rem; font-weight: 400; }

.dragenfish_nest .p1 .intro .w1280 p:last-child, .dragenfish_nest .p2 .intro .w1280 p:last-child, .dragenfish_nest .p3 .intro .w1280 p:last-child, .dragenfish_nest .p4 .intro .w1280 p:last-child, .dragenfish_nest .p7 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.dragenfish_nest .p1 { padding-top: 2.06rem; }

.dragenfish_nest .p1 img.pro-pcimg { width: 7.15rem; max-width: 7.15rem; }

.dragenfish_nest .p1 .intro-2 { display: flex; flex-wrap: wrap; color: #fff; width: 100%; max-width: 11.00rem; margin: 0 auto; margin-top: 1.5rem; }

.dragenfish_nest .p1 .intro-2 li { display: flex; flex-direction: column; text-align: center; justify-content: center; min-width: 25%; max-width: 25%; margin-bottom: 1rem; align-items: center; }

.dragenfish_nest .p1 .intro-2 li img { margin-bottom: .27rem; height: .59rem; }

.dragenfish_nest .p1 .intro-2 li span { font-size: .20rem; font-weight: 400; color: #FFFFFF; line-height: .28rem; }

.dragenfish_nest .p2 .p2-ms-qh ul, .dragenfish_nest .p2 .p4-ms-qh ul, .dragenfish_nest .p4 .p2-ms-qh ul, .dragenfish_nest .p4 .p4-ms-qh ul { margin: 0 auto; margin-top: .95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.dragenfish_nest .p2 .p2-ms-qh ul li, .dragenfish_nest .p2 .p4-ms-qh ul li, .dragenfish_nest .p4 .p2-ms-qh ul li, .dragenfish_nest .p4 .p4-ms-qh ul li { text-align: center; font-size: .20rem; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; }

.dragenfish_nest .p2 .p2-ms-qh ul li:last-child, .dragenfish_nest .p2 .p4-ms-qh ul li:last-child, .dragenfish_nest .p4 .p2-ms-qh ul li:last-child, .dragenfish_nest .p4 .p4-ms-qh ul li:last-child { margin-right: 0; }

.dragenfish_nest .p2 .p2-ms-qh ul li::after, .dragenfish_nest .p2 .p4-ms-qh ul li::after, .dragenfish_nest .p4 .p2-ms-qh ul li::after, .dragenfish_nest .p4 .p4-ms-qh ul li::after { position: absolute; bottom: 0; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.dragenfish_nest .p2 .p2-ms-qh ul li.on, .dragenfish_nest .p2 .p4-ms-qh ul li.on, .dragenfish_nest .p4 .p2-ms-qh ul li.on, .dragenfish_nest .p4 .p4-ms-qh ul li.on { color: #fff; }

.dragenfish_nest .p2 .p2-ms-qh ul li.on::after, .dragenfish_nest .p2 .p4-ms-qh ul li.on::after, .dragenfish_nest .p4 .p2-ms-qh ul li.on::after, .dragenfish_nest .p4 .p4-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

.dragenfish_nest .p2 { margin-bottom: .50rem; margin-top: .5rem; }

.dragenfish_nest .p2 .p2-ms-2 { margin-top: .50rem; }

.dragenfish_nest .p2 .p2-ms-2 p { margin: 0 auto; width: 7.77rem; max-width: 7.77rem; text-align: center; color: #fff; padding-bottom: .10rem; font-size: .20rem; font-weight: 400; line-height: .34rem; }

.dragenfish_nest .p3 { margin-top: 2.00rem; }

.dragenfish_nest .p3 .bfsp { width: 10.99rem; max-width: 10.99rem; margin: 0 auto; }

.dragenfish_nest .p4 { margin-top: 2.50rem; }

.dragenfish_nest .p4 .p4-ms-qh { margin-top: .6rem; }

.dragenfish_nest .p4 .p4-ms-qh ul { margin-top: .20rem; }

.dragenfish_nest .p4 .p4-ms-2 { margin-top: .30rem; }

.dragenfish_nest .p4 .p4-ms-2 p { margin: 0 auto; text-align: center; max-width: 7.00rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; line-height: .30rem; }

.dragenfish_nest .p5 { margin-top: 1.00rem; position: relative; }

.dragenfish_nest .p5 img { max-width: 19.20rem; margin: 0 auto; margin-top: 1rem; }

.dragenfish_nest .p5 .intro { margin-bottom: 1rem; position: absolute; top: .90rem; left: 50%; transform: translateX(-100%); color: #fff; }

.dragenfish_nest .p5 .intro .w1280 { max-width: 5.00rem; }

.dragenfish_nest .p5 .intro h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; line-height: .94rem; margin-bottom: .20rem; }

.dragenfish_nest .p5 .intro p { font-size: .20rem; font-weight: 400; color: #B1B1B1; }

.dragenfish_nest .p5 .intro ul { margin-top: .80rem; display: flex; justify-content: flex-start; width: 80%; }

.dragenfish_nest .p5 .intro ul li { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.dragenfish_nest .p5 .intro ul li img { margin-bottom: .2rem; height: .56rem; margin-top: 0; }

.dragenfish_nest .p5 .intro ul li:nth-child(2) { flex-grow: 1; }

.dragenfish_nest .p6 .w1200 h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; line-height: .55rem; margin-bottom: .40rem; }

.dragenfish_nest .p6 .w1200 p { font-size: .20rem; font-weight: 400; color: #FFFFFF; line-height: .34rem; }

.dragenfish_nest .p6 .w1200 p:last-child { margin-bottom: .30rem; }

.dragenfish_nest .p6 .w1200 ul { display: flex; width: 50%; margin: 0 auto; margin-top: .70rem; justify-content: space-between; align-items: center; }

.dragenfish_nest .p6 .w1200 ul li { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.dragenfish_nest .p6 .w1200 ul li h2 { margin-bottom: .10rem; font-size: .50rem; color: #FFFFFF; }

.dragenfish_nest .p6 .w1200 ul li p { font-size: .20rem; font-weight: 400; color: #FFFFFF; }

.dragenfish_nest .p6 #evomax05_dw01 { top: 43%; }

.dragenfish_nest .p7 { margin-top: 2.00rem; padding-bottom: 4.00rem; }

.dragenfish_nest .p7 > ul { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; max-width: 12.00rem; margin: 0 auto; grid-column-gap: .20rem; grid-row-gap: .70rem; }

.dragenfish_nest .p7 > ul li { display: flex; max-width: 5.93rem; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }

.dragenfish_nest .p7 > ul li .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .38rem; }

.dragenfish_nest .p7 > ul li .img-hover-box img { height: 100%; transform: scale(1); transition: transform 0.5s; }

.dragenfish_nest .p7 > ul li .img-hover-box:hover img { transform: scale(1.1); }

.dragenfish_nest .p7 > ul li p { font-size: .24rem; font-weight: 400; color: #fff; line-height: .40rem; }

@media (max-width: 971px) { .dragenfish_nest .banner .pro-appimg div h2 { font-size: .6rem; }
  .dragenfish_nest .banner .pro-appimg div p { font-size: .28rem; }
  .dragenfish_nest .p1 .intro, .dragenfish_nest .p2 .intro, .dragenfish_nest .p3 .intro, .dragenfish_nest .p5 .intro { color: #fff; }
  .dragenfish_nest .p1 .intro .w1280, .dragenfish_nest .p2 .intro .w1280, .dragenfish_nest .p3 .intro .w1280, .dragenfish_nest .p5 .intro .w1280 { text-align: left; }
  .dragenfish_nest .p1 .intro .w1280 h2, .dragenfish_nest .p2 .intro .w1280 h2, .dragenfish_nest .p3 .intro .w1280 h2, .dragenfish_nest .p5 .intro .w1280 h2 { font-size: .56rem; font-weight: bold; color: #FFFFFF; padding-bottom: .56rem; }
  .dragenfish_nest .p1 .intro .w1280 p, .dragenfish_nest .p2 .intro .w1280 p, .dragenfish_nest .p3 .intro .w1280 p, .dragenfish_nest .p5 .intro .w1280 p { font-size: .32rem; font-weight: 400; color: #B1B1B1; line-height: 1.5em; }
  .dragenfish_nest .p1 .intro .w1280 p:last-child, .dragenfish_nest .p2 .intro .w1280 p:last-child, .dragenfish_nest .p3 .intro .w1280 p:last-child, .dragenfish_nest .p5 .intro .w1280 p:last-child { margin-bottom: 1rem; }
  .dragenfish_nest .p1 { padding-top: 1.36rem; }
  .dragenfish_nest .p1 .intro { margin-bottom: 1.00rem; }
  .dragenfish_nest .p1 .intro-2 { width: 80%; }
  .dragenfish_nest .p1 .intro-2 li { min-width: 50%; max-width: 50%; width: 50%; margin-bottom: .90rem; }
  .dragenfish_nest .p1 .intro-2 li span { font-size: .32rem; color: #FFFFFF; }
  .dragenfish_nest .p1 .intro-2 li img { height: .96rem; }
  .dragenfish_nest .p2 .intro { margin-bottom: 1.10rem; }
  .dragenfish_nest .p2 .p2-ms-qh { overflow-x: auto; overflow-y: hidden; }
  .dragenfish_nest .p2 .p2-ms-qh ul { flex-wrap: nowrap; }
  .dragenfish_nest .p2 .p2-ms-qh ul li { font-size: .32rem; }
  .dragenfish_nest .p2 .p2-ms-qh ul li.en-li:first-child { min-width: 3.3rem; }
  .dragenfish_nest .p2 .p2-ms-qh ul li.en-li:last-child { min-width: 5rem; }
  .dragenfish_nest .p2 .p2-ms-qh::-webkit-scrollbar { display: none; }
  .dragenfish_nest .p2 .p2-ms-2 p { font-size: .32rem; font-weight: 400; color: #FFFFFF; line-height: 1.5em; width: 100%; text-align: left; }
  .dragenfish_nest .p3 { margin-top: 0; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg { position: relative; width: 90%; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg .back-img { width: 100%; }
  .dragenfish_nest .p3 .p3-ms .pro-appimg a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .dragenfish_nest .p3 .p3-ms .pro-appimg a img { width: 2rem; }
  .dragenfish_nest .p4 { margin-top: 2rem; }
  .dragenfish_nest .p4 .intro { margin-bottom: .60rem; }
  .dragenfish_nest .p4 .p4-ms-qh { overflow-x: auto; overflow-y: hidden; }
  .dragenfish_nest .p4 .p4-ms-qh ul.zh { width: 100%; }
  .dragenfish_nest .p4 .p4-ms-qh ul { flex-wrap: nowrap; }
  .dragenfish_nest .p4 .p4-ms-qh ul li { flex-grow: 1; font-size: .24rem; color: #FFFFFF; }
  .dragenfish_nest .p4 .p4-ms-qh ul li.en-li { width: 2.6rem; }
  .dragenfish_nest .p4 .p4-ms-qh ul li.en-li:first-child, .dragenfish_nest .p4 .p4-ms-qh ul li.en-li:last-child { width: 2.3rem; }
  .dragenfish_nest .p4 .p4-ms-qh::-webkit-scrollbar { display: none; }
  .dragenfish_nest .p4 .p4-ms-2 { margin-top: .74rem; }
  .dragenfish_nest .p4 .p4-ms-2 p { text-align: left; font-size: .32rem; font-weight: 400; color: #FFFFFF; line-height: 1.5em; }
  .dragenfish_nest .p5 .w1280 { width: 90%; max-width: none !important; }
  .dragenfish_nest .p5 .intro { position: static; transform: translateX(0); }
  .dragenfish_nest .p5 .intro h2 { font-size: .56rem; margin-bottom: .48rem; }
  .dragenfish_nest .p5 .intro p { font-size: .32rem; }
  .dragenfish_nest .p5 .intro ul { margin-top: 1.40rem; margin-left: .20rem; width: 90%; }
  .dragenfish_nest .p5 .intro ul li { margin-right: 0; }
  .dragenfish_nest .p5 .intro ul li img { height: 1.00rem; }
  .dragenfish_nest .p5 .intro ul li span { font-size: .32rem; color: #CFCFCF; line-height: 1.5em; }
  .dragenfish_nest .p6 .evomax40-bgtphone { position: relative; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap { position: absolute; top: .58rem; z-index: 10; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div h2 { font-size: .56rem; font-weight: bold; color: #FFFFFF; margin-bottom: 0; line-height: 1.5em; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div p { margin-top: .56rem; margin-bottom: .60rem; font-size: .32rem; color: #FFFFFF; line-height: 1.5em; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div ul { display: block; margin: 0; margin-top: .50rem; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div ul li { display: block; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div ul li h2, .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div ul li p { text-align: left; }
  .dragenfish_nest .p6 .evomax40-bgtphone .evmaxmap div ul li p { font-size: .24rem; color: #B5B5B5; line-height: 1.5em; margin-top: .20rem; }
  .dragenfish_nest .p6 .evomax40-bgtphone img { width: 100%; margin: 0; }
  .dragenfish_nest .p7 ul { display: block; }
  .dragenfish_nest .p7 ul li p { margin-top: .32rem; font-size: .32rem; font-weight: 400; color: #fff; line-height: 1.5em; }
  .dragenfish_nest .p7 ul > li { margin: 0 .50rem; margin-bottom: .50rem; max-width: none; }
  .dragenfish_nest .p7 ul > li .img-hover-box { height: auto; margin-bottom: .2rem; }
  .dragenfish_nest .p7 ul > div { display: grid; grid-template-columns: 1fr 1fr; margin: 0 .50rem; justify-content: center; align-items: center; grid-column-gap: .20rem; }
  .dragenfish_nest .p7 ul > div > li img { width: 100%; }
  .dragenfish_nest .onlyApp { display: block; }
  .dragenfish_nest .en-p5-ul li { max-width: 50%; min-width: 50%; justify-content: flex-start; margin-bottom: .4rem; } }

.dragenfish_repeater .inPC { display: block; }

.dragenfish_repeater .inApp { display: none; }

.dragenfish_repeater strong { color: #fff; }

.dragenfish_repeater .banner { padding: 0; }

.dragenfish_repeater .banner .inPC { position: relative; }

.dragenfish_repeater .banner .inPC .title { position: absolute; top: 1.28rem; left: 50%; transform: translateX(-50%); text-align: center; }

.dragenfish_repeater .banner .inPC .title h2 { font-size: .46rem; font-weight: bold; color: #FFFFFF; padding-bottom: .33rem; }

.dragenfish_repeater .banner .inPC .title p { margin: 0 auto; font-size: .32rem; max-width: 9.00rem; font-weight: 400; color: #fff; line-height: 1.5em; }

.dragenfish_repeater .banner .inPC img { width: 100%; }

.dragenfish_repeater .banner .intro { max-width: 9.00rem; margin: 0 auto; margin-top: 1.5rem; }

.dragenfish_repeater .banner .intro p { max-width: 8.00rem; margin-bottom: .3rem; font-size: .22rem; color: #9F9FA0; line-height: 1.5em; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }

.dragenfish_repeater .banner .intro p strong { color: #fff; }

.dragenfish_repeater .banner .intro ul { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }

.dragenfish_repeater .banner .intro ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 30%; min-width: 30%; margin-bottom: .7rem; font-size: .2rem; color: #FFFFFF; line-height: 1.5em; }

.dragenfish_repeater .banner .intro ul li img { height: .83rem; margin-bottom: .23rem; }

.dragenfish_repeater .p1, .dragenfish_repeater .p2, .dragenfish_repeater .p3, .dragenfish_repeater .p4, .dragenfish_repeater .p5, .dragenfish_repeater .p6 { margin-top: 1rem; }

.dragenfish_repeater .p1 .intro, .dragenfish_repeater .p2 .intro, .dragenfish_repeater .p3 .intro, .dragenfish_repeater .p4 .intro, .dragenfish_repeater .p5 .intro, .dragenfish_repeater .p6 .intro { color: #fff; }

.dragenfish_repeater .p1 .intro .w1280, .dragenfish_repeater .p2 .intro .w1280, .dragenfish_repeater .p3 .intro .w1280, .dragenfish_repeater .p4 .intro .w1280, .dragenfish_repeater .p5 .intro .w1280, .dragenfish_repeater .p6 .intro .w1280 { text-align: center; }

.dragenfish_repeater .p1 .intro .w1280 h2, .dragenfish_repeater .p2 .intro .w1280 h2, .dragenfish_repeater .p3 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 h2, .dragenfish_repeater .p6 .intro .w1280 h2 { font-size: .4rem; color: #FFFFFF; line-height: 1.5em; margin-bottom: .7rem; font-weight: bold; }

.dragenfish_repeater .p1 .intro .w1280 p, .dragenfish_repeater .p2 .intro .w1280 p, .dragenfish_repeater .p3 .intro .w1280 p, .dragenfish_repeater .p4 .intro .w1280 p, .dragenfish_repeater .p5 .intro .w1280 p, .dragenfish_repeater .p6 .intro .w1280 p { margin: 0 auto; max-width: 9.00rem; font-weight: 400; font-size: .2rem; color: #9F9FA0; }

.dragenfish_repeater .p1 .intro .w1280 p:last-child, .dragenfish_repeater .p2 .intro .w1280 p:last-child, .dragenfish_repeater .p3 .intro .w1280 p:last-child, .dragenfish_repeater .p4 .intro .w1280 p:last-child, .dragenfish_repeater .p5 .intro .w1280 p:last-child, .dragenfish_repeater .p6 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.dragenfish_repeater .p1 img.inPC { max-width: 12.34rem; margin: 0 auto; }

.dragenfish_repeater .p1 .intro h2 { margin-bottom: .4rem !important; }

.dragenfish_repeater .p2 ul.inPC { max-width: 12.34rem; margin: 0 auto; }

.dragenfish_repeater .p2 ul.inPC li { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }

.dragenfish_repeater .p2 ul.inPC li div { max-width: 4.96rem; }

.dragenfish_repeater .p2 ul.inPC li div h2 { font-size: .40rem; color: #FFFFFF; line-height: 1.5em; margin-bottom: .3rem; }

.dragenfish_repeater .p2 ul.inPC li div p { font-size: .20rem; color: #9F9FA0; line-height: 1.5em; }

.dragenfish_repeater .p2 ul.inPC li img { margin: 0; height: 3.9rem; }

.dragenfish_repeater .p3 { position: relative; }

.dragenfish_repeater .p3 .intro { position: absolute; top: .8rem; left: 50%; transform: translateX(-50%); }

.dragenfish_repeater .p3 .intro h2 { margin-bottom: .4rem !important; }

.dragenfish_repeater .p3 .tip-box { position: absolute; left: 27.9%; font-size: .18rem; top: 70.8%; color: #ccc; }

.dragenfish_repeater .p3 .tip-box::before { border-radius: 50%; content: ''; display: block; position: absolute; width: 0.1rem; height: 0.1rem; background-color: #31D5E9; top: 50%; transform: translateY(-50%); right: -0.15rem; }

.dragenfish_repeater .p3 .tip-box::after { content: ''; display: block; position: absolute; width: 2rem; height: 0.02rem; background-color: #31D5E9; top: 50%; transform: translateY(-50%); right: -2.1rem; }

.dragenfish_repeater .p4 { position: relative; margin-top: 0; }

.dragenfish_repeater .p4 .intro { position: absolute; top: 2.6rem; left: 16%; width: 7rem; }

.dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 p { text-align: left; }

.dragenfish_repeater .p4 .intro .w1280 h2 { margin-bottom: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 p { margin: 0; margin-bottom: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 ul { display: flex; align-items: center; margin-top: .3rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li { margin-right: .55rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li h2 { text-align: left; color: #57d4e8; margin-bottom: .04rem; }

.dragenfish_repeater .p4 .intro .w1280 ul li p { text-align: left; color: #57d4e8; }

.dragenfish_repeater .p5 { position: relative; }

.dragenfish_repeater .p5 .intro { position: absolute; top: 0.9rem; left: 16.8%; width: 7rem; }

.dragenfish_repeater .p5 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 p { text-align: left; }

.dragenfish_repeater .p5 .intro .w1280 h2 { margin-bottom: .3rem; }

.dragenfish_repeater .p5 .intro .w1280 p { margin: 0; margin-bottom: .3rem; }

.dragenfish_repeater .p5 .intro .w1280 .inPC h2 { text-align: left; color: #57d4e8; margin-bottom: .04rem; }

.dragenfish_repeater .p5 .intro .w1280 .inPC p { text-align: left; color: #57d4e8; }

.dragenfish_repeater .p6 { margin-top: 1.00rem; padding-bottom: 4.00rem; }

.dragenfish_repeater .p6 ul.inPC { display: grid; grid-template-columns: 1fr 1fr; justify-content: center; max-width: 12rem; margin: 0 auto; grid-column-gap: .20rem; grid-row-gap: .70rem; }

.dragenfish_repeater .p6 ul.inPC li { display: flex; max-width: 5.93rem; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .38rem; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box img { width: 100%; transform: scale(1); transition: transform 0.5s; }

.dragenfish_repeater .p6 ul.inPC li .img-hover-box:hover img { transform: scale(1.1); }

.dragenfish_repeater .p6 ul.inPC li p { font-size: .24rem; font-weight: 400; color: #fff; line-height: 1.5em; }

.dragenfish_repeater .p2-ms-qh ul { margin: 0 auto; margin-top: .95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.dragenfish_repeater .p2-ms-qh ul li { text-align: center; font-size: .40rem; font-weight: 400; color: #8F8F8F; line-height: 1.5em; position: relative; margin-right: .50rem; width: 2.8rem; text-align: left; }

.dragenfish_repeater .p2-ms-qh ul li:last-child { text-align: right; margin-right: 0; }

.dragenfish_repeater .p2-ms-qh ul li::after { position: absolute; bottom: -0.01rem; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.dragenfish_repeater .p2-ms-qh ul li.on { color: #fff; }

.dragenfish_repeater .p2-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

@media (max-width: 971px) { .dragenfish_repeater .inPC { display: none; }
  .dragenfish_repeater .inApp { display: block; }
  .dragenfish_repeater .banner .inApp .title { position: absolute; top: 1.3rem; left: 50%; transform: translateX(-50%); color: #fff; text-align: center; width: 100%; }
  .dragenfish_repeater .banner .inApp .title h2 { margin-bottom: .2rem; font-size: .80rem; color: #FFFFFF; }
  .dragenfish_repeater .banner .inApp .title p { font-size: .32rem; color: #FFFFFF; }
  .dragenfish_repeater .banner .inApp img { width: 100%; }
  .dragenfish_repeater .banner .intro { width: calc(100% - 1.2rem); margin: 0 auto; margin-top: 1.1rem; }
  .dragenfish_repeater .banner .intro p { font-size: .34rem; color: #FFFFFF; line-height: 1.5em; text-align: justify; font-weight: lighter; }
  .dragenfish_repeater .banner .intro ul { align-items: flex-start; }
  .dragenfish_repeater .banner .intro ul li { max-width: 45%; min-width: 45%; }
  .dragenfish_repeater .banner .intro ul li img { height: 1.35rem; margin-bottom: .38rem; }
  .dragenfish_repeater .banner .intro ul li span { font-size: .30rem; }
  .dragenfish_repeater .p1 { position: relative; margin-top: 0 !important; }
  .dragenfish_repeater .p1 .intro { position: absolute; z-index: 2; top: 1.50rem; margin: 0 .2rem; }
  .dragenfish_repeater .p1 .intro .w1280 div h2 { text-align: left; font-size: .64rem; font-weight: bold; margin-bottom: .57rem; }
  .dragenfish_repeater .p1 .intro .w1280 div p { text-align: left; font-size: .32rem; }
  .dragenfish_repeater .p1 img { width: 100%; }
  .dragenfish_repeater .p2 { margin-top: 0; padding-top: 0; }
  .dragenfish_repeater .p2 .p2-ms { margin-top: .65rem; }
  .dragenfish_repeater .p2 .p2-ms p { font-size: .32rem; color: #FFFFFF; max-width: calc(100% - 1.25rem); margin: 0 auto; text-align: left; margin-bottom: .53rem; font-weight: 400; }
  .dragenfish_repeater .p2 .p2-ms img { width: calc(100% - 1.2rem); }
  .dragenfish_repeater .p3 .intro .w1280 h2, .dragenfish_repeater .p4 .intro .w1280 h2, .dragenfish_repeater .p5 .intro .w1280 h2 { text-align: left; font-size: .64rem; margin-bottom: .4rem; font-weight: bold; }
  .dragenfish_repeater .p3 .intro .w1280 p, .dragenfish_repeater .p4 .intro .w1280 p, .dragenfish_repeater .p5 .intro .w1280 p { text-align: left; font-size: .32rem; margin-bottom: .3rem; line-height: 1.5em; max-width: 5.7rem; }
  .dragenfish_repeater .p3 { position: relative; margin-top: .6rem; }
  .dragenfish_repeater .p3 .intro { position: inherit; margin-bottom: 1rem; top: auto; left: auto; transform: none; }
  .dragenfish_repeater .p3 .intro h2 { font-weight: bold; }
  .dragenfish_repeater .p3 .intro p { margin-left: 0 !important; max-width: none !important; }
  .dragenfish_repeater .p3 img { width: 90%; margin-right: 0; }
  .dragenfish_repeater .p4 { padding-bottom: 0 !important; }
  .dragenfish_repeater .p4 .intro { position: absolute; top: 1.5rem; left: 0%; width: 7rem; }
  .dragenfish_repeater .p4 .intro .w1280 ul { display: block; border-left: 1px solid #31D5E9; padding-left: .3rem; margin-top: .5rem; }
  .dragenfish_repeater .p4 .intro .w1280 ul li h2 { font-size: .48rem; color: #31D5E9; }
  .dragenfish_repeater .p4 .intro .w1280 ul li p { margin-bottom: .4rem; font-size: .28rem; color: #31D5E9; }
  .dragenfish_repeater .p5 { position: relative; margin-top: 0; padding-top: 0 !important; }
  .dragenfish_repeater .p5 .intro.inApp { position: absolute; top: .8rem; left: .6rem; }
  .dragenfish_repeater .p5 .intro.inApp .w1280 { width: 100%; }
  .dragenfish_repeater .p6 { margin-top: .1rem; padding-bottom: 4.00rem; }
  .dragenfish_repeater .p6 .intro .w1280 h2 { font-size: .64rem; font-weight: bolder; }
  .dragenfish_repeater .p6 ul.inPC { display: none; }
  .dragenfish_repeater .p6 ul.inApp { width: calc(100% - 0.32rem); margin: 0 auto; }
  .dragenfish_repeater .p6 ul.inApp li { position: relative; }
  .dragenfish_repeater .p6 ul.inApp li p { position: absolute; bottom: .23rem; left: 50%; transform: translateX(-50%); color: #fff; font-size: .32rem; width: 100%; text-align: center; }
  .dragenfish_repeater .p6 ul.inApp > ul { margin-top: .11rem; display: flex; align-items: center; justify-content: space-between; }
  .dragenfish_repeater .p6 ul.inApp > ul li { width: calc((100% - .22rem)/3); } }

@media (max-width: 971px) { .dragenfish_repeater.page_en .p1 .intro .w1280 h2, .dragenfish_repeater.page_en .p2 .intro .w1280 h2, .dragenfish_repeater.page_en .p3 .intro .w1280 h2, .dragenfish_repeater.page_en .p4 .intro .w1280 h2, .dragenfish_repeater.page_en .p5 .intro .w1280 h2, .dragenfish_repeater.page_en .p6 .intro .w1280 h2 { font-weight: 400; }
  .dragenfish_repeater.page_en .p3 { margin-top: 0; padding-bottom: 0; margin-bottom: 0; }
  .dragenfish_repeater.page_en .p4 { padding-top: 0; } }

.flightxfj-list.light { background-color: #fff; color: #333; box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.1); }

.flightxfj-list.light .flightxfj-list-pcmenu.flightxfj-list-pcmenuFixed { box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.1); }

.flightxfj-list.light .flightxfj-list-menuLeft h1 { color: #090909; }

.flightxfj-list.light .flightxfj-list-pcmenu { background-color: #fff; }

.flightxfj-list.light .flightxfj-list-pcmenu h3 { color: #090909; }

.flightxfj-list.light .flightxfj-list-menuRight a { color: #090909; }

.flightxfj-list.light .flightxfj-list-mobilemenu span { color: #090909; }

p { line-height: 1.5em; }

.autel_antenna .inPC { display: block; }

.autel_antenna .inApp { display: none; }

.autel_antenna .pc-center-title-box, .autel_antenna .pctb { text-align: center; color: #2D2D2B; }

.autel_antenna .pc-center-title-box h2, .autel_antenna .pctb h2 { margin-bottom: .65rem; font-size: .46rem; }

.autel_antenna .pc-center-title-box p, .autel_antenna .pctb p { font-size: .2rem; }

.autel_antenna .pc-left-title-box, .autel_antenna .pltb { text-align: left; color: #2D2D2B; }

.autel_antenna .pc-left-title-box h2, .autel_antenna .pltb h2 { margin-bottom: .56rem; font-size: .56rem; }

.autel_antenna .space { width: .1rem; display: inline-block; }

.autel_antenna .banner { position: relative; }

.autel_antenna .banner .title { position: absolute; top: 1.38rem; left: 4rem; }

.autel_antenna .banner .title h2 { text-align: left; color: #2D2D2B; margin-bottom: .25rem; font-size: .46rem; font-weight: 700; }

.autel_antenna .banner .title p { text-align: left; color: #2D2D2B; max-width: 5.46rem; margin-bottom: .1rem; font-size: .30rem; font-weight: 500; }

.autel_antenna .banner .title .more { font-size: .20rem; font-weight: 400; color: #2D2D2B; line-height: 1.5em; }

.autel_antenna .banner .tips { position: absolute; bottom: .41rem; right: 1.08rem; font-size: .14rem; font-weight: 300; color: #434343; }

.autel_antenna .p1 .intro h2, .autel_antenna .p2 .intro h2, .autel_antenna .p3 .intro h2, .autel_antenna .p4 .intro h2 { font-weight: bolder; }

.autel_antenna .p1 { margin-top: 1.62rem; margin-bottom: 1.8rem; }

.autel_antenna .p1 .intro { margin-bottom: 1.3rem; }

.autel_antenna .p1 .intro p { max-width: 11.05rem; }

.autel_antenna .p1 .bfsp { max-width: 12rem; margin: 0 auto; margin-bottom: 1.4rem; margin-top: 1.1rem; }

.autel_antenna .p1 .intro { max-width: 12rem; margin: 0 auto; }

.autel_antenna .p2 { position: relative; }

.autel_antenna .p2 .intro { position: absolute; top: 1.2rem; left: 50%; transform: translateX(-50%); }

.autel_antenna .p2 .intro p { max-width: 8.12rem; }

.autel_antenna .p2 .intro .tips { margin-top: .4rem; font-size: .14rem; font-weight: 400; color: #333; }

.autel_antenna .p3 { margin-top: 1.7rem; }

.autel_antenna .p3 ul { max-width: 5rem; margin: 0 auto; margin-top: .8rem; margin-bottom: .5rem; }

.autel_antenna .p3 ul li { max-width: 30% !important; min-width: 30% !important; }

.autel_antenna .p3 ul li img { margin-bottom: .25rem !important; }

.autel_antenna .p3 img { max-width: 12rem; }

.autel_antenna .p4 { margin-top: 1.7rem; margin-bottom: 2rem; }

.autel_antenna .p4 .intro .w1280 h2 { margin-bottom: .58rem; }

.autel_antenna .p4 .intro .w1280 p { margin-bottom: 1.46rem; }

.autel_antenna .p4 p { max-width: 8.7rem; }

.autel_antenna .p4 .bfsp { margin: 0 auto; max-width: 12rem; margin-top: 1.2rem; }

.autel_antenna .p5 { position: relative; padding-top: 1.8rem; }

.autel_antenna .p5 .bg-img { width: 50%; }

.autel_antenna .p5 .bg-intro { opacity: 0; position: absolute; top: .4rem; width: 100%; }

.autel_antenna .p5 .bg-intro p { max-width: 8.05rem; margin-left: auto; margin-right: auto; }

.autel_antenna .p5 .bg-intro img { margin-top: .7rem; height: 8.3rem; }

.autel_antenna .p6 { max-width: 12rem; margin: 0 auto; margin-top: 6.16rem; }

.autel_antenna .p6 li { display: flex; margin-bottom: 1.67rem; align-items: center; justify-content: space-between; }

.autel_antenna .p6 li img { width: 6.8rem; margin: 0; }

.autel_antenna .p6 li .text-div { margin-left: 1.12rem; }

.autel_antenna .p6 li .text-div h2 { font-size: .38rem; font-weight: 500; color: #323232; margin-bottom: .54rem; line-height: 1.5em; font-weight: 700; }

.autel_antenna .p6 li .text-div p { font-size: .20rem; font-weight: 400; color: #333333; line-height: 1.5em; max-width: 4rem; }

.autel_antenna .p6 li:nth-child(2) div { margin-left: 0; }

.autel_antenna .p7 > div > ul { display: flex; align-items: center; justify-content: space-between; margin-bottom: .35rem; }

.autel_antenna .p7 > div > ul p { text-align: center; font-size: .20rem; font-weight: 400; color: #333333; margin-top: .2rem; }

.autel_antenna .p7 div.inPC { max-width: 12rem; margin: 0 auto; }

.autel_antenna .p7 .l-2 li { width: calc((100% - 0.13rem) / 2); }

.autel_antenna .p7 .l-3 li { width: calc((100% - 0.13rem) / 3); }

@media (max-width: 971px) { .autel_antenna { padding-top: 0; }
  .autel_antenna .inPC { display: none; }
  .autel_antenna .inApp { display: block; }
  .autel_antenna .banner { padding-top: 0; }
  .autel_antenna .banner .inApp .title { top: 1.1rem; left: 50%; transform: translateX(-50%); width: 90%; }
  .autel_antenna .banner .inApp .title h2, .autel_antenna .banner .inApp .title p { word-wrap: normal; text-align: center; width: 100%; max-width: none; }
  .autel_antenna .banner .inApp .more { margin: 0 auto; margin-top: .85rem; max-width: calc(100% - .94rem); text-align: justify; font-size: .32rem; font-weight: 400; color: #373736; line-height: 1.5em; }
  .autel_antenna .banner .inApp .tips { margin-left: .46rem; position: inherit; margin-top: .4rem; font-size: .28rem; font-weight: 400; color: #4D4D4C; }
  .autel_antenna .p1 .bfsp, .autel_antenna .p4 .bfsp { margin-top: 0; position: relative; }
  .autel_antenna .p1 .bfsp a, .autel_antenna .p4 .bfsp a { position: absolute; top: 46%; left: 50%; transform: translate(-50%, -50%); }
  .autel_antenna .p1 .bfsp a img, .autel_antenna .p4 .bfsp a img { width: 1rem; }
  .autel_antenna .p1 { margin-top: 0.6rem; margin-bottom: 0; }
  .autel_antenna .p1 .pltb { width: 90%; margin: 0 auto; }
  .autel_antenna .p1 .pltb p { font-size: .32rem; font-weight: 400; color: #373736; line-height: 1.5em; }
  .autel_antenna .p1 .intro { margin-top: 1.2rem; width: 90%; }
  .autel_antenna .p1 .intro ul li { max-width: 50%; min-width: 50%; margin-bottom: 1rem; }
  .autel_antenna .p1 .intro ul li img { height: .8rem; margin-bottom: .3rem; }
  .autel_antenna .p2 { margin-top: 1rem; }
  .autel_antenna .p2 .intro { width: 90%; }
  .autel_antenna .p2 .intro p { font-size: .3rem; font-weight: 400; color: #393939; text-align: left; line-height: 1.5em; }
  .autel_antenna .p2 .intro h2 { text-align: left; font-size: .56rem; color: #262626; }
  .autel_antenna .p2 .intro .tips { font-size: .28rem; }
  .autel_antenna .p3 .intro h2, .autel_antenna .p4 .intro h2, .autel_antenna .p5 .intro h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #262626; }
  .autel_antenna .p3 .intro p, .autel_antenna .p4 .intro p, .autel_antenna .p5 .intro p { text-align: left; font-size: .32rem; color: #393939; line-height: 1.5em; }
  .autel_antenna .p3 { margin-top: 1.1rem; }
  .autel_antenna .p3 .intro h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #262626; }
  .autel_antenna .p3 .intro p { text-align: left; font-size: .32rem; color: #393939; line-height: 1.5em; }
  .autel_antenna .p3 ul { max-width: none; }
  .autel_antenna .p3 ul li img { height: .8rem !important; }
  .autel_antenna .p3 ul li span { font-size: .32rem !important; font-weight: 400; color: #393939; }
  .autel_antenna .p4 { margin-bottom: .5rem; margin-top: 1.1rem; }
  .autel_antenna .p4 .bfsp { margin-top: 0.8rem; }
  .autel_antenna .p5 { position: initial; padding-top: 1rem; }
  .autel_antenna .p5 .bg-intro { position: initial; opacity: 1; }
  .autel_antenna .p6 { margin-top: 1rem; }
  .autel_antenna .p6 li { display: block; width: 90%; margin: 0 auto; margin-bottom: 1rem; }
  .autel_antenna .p6 li .text-div, .autel_antenna .p6 li img { margin: 0; width: 100%; }
  .autel_antenna .p6 li img { margin-top: .8rem; }
  .autel_antenna .p6 li .text-div h2 { font-size: .56rem; margin-bottom: .5rem; font-weight: 700; color: #262626; }
  .autel_antenna .p6 li .text-div p { max-width: none; font-size: .32rem; color: #3A3A3A; }
  .autel_antenna .p7 .intro h2 { font-size: .56rem; }
  .autel_antenna .p7 div.inApp { width: 90%; margin: 0 auto; }
  .autel_antenna .p7 div.inApp div { margin-bottom: 0; }
  .autel_antenna .p7 div.inApp li { margin-bottom: .6rem; }
  .autel_antenna .p7 div.inApp li img { margin-bottom: .23rem; }
  .autel_antenna .p7 div.inApp li p { text-align: center; font-size: .32rem; color: #3A3A3A; } }

.evomax-4n4t h2, .evomax-4n4t p, .evomax-4n4t span { color: #fff; line-height: 1.5em; }

.evomax-4n4t .evomax-head-evomax01 h2 { font-size: 1rem; }

.evomax-4n4t .banner .inPC { position: relative; }

.evomax-4n4t .banner .inPC .title { position: absolute; top: 1.4rem; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; width: 100%; }

.evomax-4n4t .banner .inPC .title img { margin-bottom: .5rem; height: .59rem; }

.evomax-4n4t .banner .inPC .title p { font-size: .32rem; color: #FEFEFE; }

.evomax-4n4t .banner .intro { text-align: center; }

.evomax-4n4t .banner .intro h2 { font-size: .60rem; font-weight: bold; color: #FEFEFE; margin-top: 1.05rem; margin-bottom: .87rem; }

.evomax-4n4t .banner .intro p { text-align: left; max-width: 11.64rem; margin: 0 auto; font-size: .22rem; font-weight: 400; color: #BCBCBC; }

.evomax-4n4t .banner .intro ul { max-width: 11.64rem; margin: 0 auto; margin-top: 1.4rem; }

.evomax-4n4t .banner .intro ul li { max-width: 25%; min-width: 25%; color: #fff; margin-bottom: 1rem; }

.evomax-4n4t .banner .intro ul li img { height: .6rem; margin-bottom: .2rem; }

.evomax-4n4t .banner .evomax02_hul { margin: 0 auto; }

.evomax-4n4t .p1 { margin-top: 2.19rem; }

.evomax-4n4t .p1 .evomax-head { color: #fff; }

.evomax-4n4t .p1 .evomax-head h2 { font-size: .60rem; font-weight: normal; color: #FEFEFE; line-height: 82px; background: radial-gradient(NaNdeg, #DDDCDC 0%, #B9B9B9 0%, #CDCDCD 0%); }

.evomax-4n4t .p1 .evomax-head p { font-size: .2rem; font-weight: 400; color: #919191; }

.evomax-4n4t .p3 .evomax04-cont2-des h5 { color: #fff; }

.evomax-4n4t .p3 .evomax04-cont2-des p { max-width: 4.65rem; color: #AFAFAF; }

.evomax-4n4t .p4 .bg-img { width: 50%; }

.evomax-4n4t .p4 .sm-box-skylink { position: relative; }

.evomax-4n4t .p4 .sm-box-skylink .title { position: absolute; text-align: center; top: 2.02rem; left: 50%; transform: translateX(-50%); }

.evomax-4n4t .p4 .sm-box-skylink .title h2 { opacity: 0; font-size: .6rem; font-weight: bold; color: #fff; margin-bottom: .3rem; }

.evomax-4n4t .p4 .sm-box-skylink .other-info { opacity: 0; position: absolute; bottom: 2.7rem; left: 50%; transform: translateX(-50%); max-width: 12rem; margin-left: auto; margin-right: auto; }

.evomax-4n4t .p4 .sm-box-skylink .other-info .long-intro { margin-bottom: .97rem; font-size: .2rem; font-weight: 400; color: #FFFFFF; }

.evomax-4n4t .p4 .sm-box-skylink .other-info ul { display: flex; margin-bottom: .8rem; }

.evomax-4n4t .p4 .sm-box-skylink .other-info ul li { margin-right: 1rem; }

.evomax-4n4t .p4 .sm-box-skylink .other-info ul li h3 { font-weight: bold; font-size: .44rem; color: #fff; }

.evomax-4n4t .p4 .sm-box-skylink .other-info ul li p { font-size: .20rem; color: #B8BDBD; }

.evomax-4n4t .p4 .sm-box-skylink .other-info p { font-size: .44rem; color: #FFFEFF; }

.evomax-4n4t .p4 .sm-box-skylink .other-info p.hz { font-weight: bold; }

.evomax-4n4t .p4 .sm-box-skylink .other-info p.tips { margin-top: .4rem; font-size: .18rem; font-weight: 500; color: #666666; }

.evomax-4n4t .p4 .sm-box-skylink .other-info.en { bottom: 3.3rem; }

.evomax-4n4t .p5 { position: relative; margin-top: 2rem; margin-bottom: 2rem; }

.evomax-4n4t .p5 .intro { text-align: center; margin-bottom: 1.9rem; }

.evomax-4n4t .p5 .intro h2 { font-size: .60rem; font-weight: bold; color: #FFFEFF; }

.evomax-4n4t .p5 .intro p { margin-top: .5rem; max-width: 9.04rem; margin-left: auto; margin-right: auto; font-size: .22rem; font-weight: 500; color: #FFFEFF; }

.evomax-4n4t .p6, .evomax-4n4t .p7 { position: relative; }

.evomax-4n4t .p6 .camera-box, .evomax-4n4t .p7 .camera-box { display: flex; }

.evomax-4n4t .p6 .camera-box .intro-list, .evomax-4n4t .p7 .camera-box .intro-list { flex-grow: 1; padding-left: 1rem; }

.evomax-4n4t .p6 .camera-box .intro-list h2, .evomax-4n4t .p7 .camera-box .intro-list h2 { font-size: .50rem; font-weight: bold; color: #FFFEFF; }

.evomax-4n4t .p6 .camera-box .intro-list ul, .evomax-4n4t .p7 .camera-box .intro-list ul { height: 100%; }

.evomax-4n4t .p6 .camera-box .intro-list ul li, .evomax-4n4t .p7 .camera-box .intro-list ul li { flex-grow: 1; border: 1px solid transparent; height: 25%; max-height: 25%; min-height: 25%; display: flex; flex-direction: column; justify-content: center; }

.evomax-4n4t .p6 .camera-box .intro-list ul li h3, .evomax-4n4t .p7 .camera-box .intro-list ul li h3 { margin-bottom: .17rem; font-size: .24rem; font-weight: bold; color: #FFFFFF; }

.evomax-4n4t .p6 .camera-box .intro-list ul li p, .evomax-4n4t .p7 .camera-box .intro-list ul li p { font-size: .20rem; font-weight: 400; color: #D1D1D1; }

.evomax-4n4t .p6 .camera-box .intro-list ul li:last-child, .evomax-4n4t .p7 .camera-box .intro-list ul li:last-child { margin-bottom: 300px; }

.evomax-4n4t .p6 .camera-box .intro-list ul li.with-title div > p, .evomax-4n4t .p7 .camera-box .intro-list ul li.with-title div > p { font-size: .3rem; font-weight: bold; color: #FFFFFF; margin-bottom: .6rem; }

.evomax-4n4t .p6 .camera-box .camera-imgs-list, .evomax-4n4t .p7 .camera-box .camera-imgs-list { position: relative; width: 6.2rem; max-width: 650px; height: 7.58rem; }

.evomax-4n4t .p6 .camera-box .camera-imgs-list img, .evomax-4n4t .p7 .camera-box .camera-imgs-list img { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.4s; }

.evomax-4n4t .p6 .camera-box .camera-imgs-list img.active, .evomax-4n4t .p7 .camera-box .camera-imgs-list img.active { opacity: 1; }

.evomax-4n4t .p7 { margin-top: 2rem; }

.evomax-4n4t .p7 .intro-list { padding-left: 1.38rem; }

.evomax-4n4t .p8 { margin-top: 3rem; }

.evomax-4n4t .p8 .title h2 { margin-bottom: 1.6rem; font-size: .6rem; text-align: center; color: #FFFFFF; }

.evomax-4n4t .p8 .p8-ms-qh ul { margin: 0 auto; margin-top: .85rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; }

.evomax-4n4t .p8 .p8-ms-qh ul li { text-align: center; font-size: .20rem; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; }

.evomax-4n4t .p8 .p8-ms-qh ul li:last-child { margin-right: 0; }

.evomax-4n4t .p8 .p8-ms-qh ul li::after { position: absolute; bottom: 0.01rem; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.evomax-4n4t .p8 .p8-ms-qh ul li.on { color: #fff; }

.evomax-4n4t .p8 .p8-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }

.evomax-4n4t .p8 .p8-ms-2 { margin-top: .64rem; }

.evomax-4n4t .p8 .p8-ms-2 p { max-width: 8.74rem; margin: 0 auto; text-align: center; font-size: .22rem; color: #FFFFFF; }

.evomax-4n4t .p8 .p8-ms-2 p.tips { margin-top: .4rem; font-size: .20rem; color: #8F8F8F; }

.evomax-4n4t .p9, .evomax-4n4t .p10, .evomax-4n4t .p11, .evomax-4n4t .p12 { margin-top: 1.9rem; }

.evomax-4n4t .p9 h2 { margin-bottom: .65rem; }

.evomax-4n4t .p11 .evomax-head p, .evomax-4n4t .p12 .evomax-head p { font-size: .2rem; font-weight: 400; color: #A7A7A7; }

.evomax-4n4t .p11 .evomax45_dec, .evomax-4n4t .p12 .evomax45_dec { font-size: .16rem; font-weight: 500; color: #5F5F5F; }

.evomax-4n4t .p14 { position: relative; }

.evomax-4n4t .p14 .title { position: absolute; top: 1.8rem; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; }

.evomax-4n4t .p14 .title h2 { font-size: .60rem; font-weight: bold; color: #FFFEFF; margin-bottom: .8rem; }

.evomax-4n4t .p14 .title ul { display: flex; width: 30%; justify-content: space-between; margin: 0 auto; }

.evomax-4n4t .p14 .title ul li h3 { font-size: .44rem; color: #FEFEFE; margin-bottom: .2rem; font-weight: bolder; }

.evomax-4n4t .p14 .title ul li p { font-size: .20rem; }

.evomax-4n4t .p15, .evomax-4n4t .p16 { margin-top: 3.19rem; }

.evomax-4n4t .p15 .title, .evomax-4n4t .p16 .title { margin-bottom: 1.2rem; text-align: center; }

.evomax-4n4t .p15 .title h2, .evomax-4n4t .p16 .title h2 { margin-bottom: .56rem; font-size: .60rem; font-weight: bold; color: #FEFEFE; }

.evomax-4n4t .p15 .title p, .evomax-4n4t .p16 .title p { max-width: 7.5rem; margin-left: auto; margin-right: auto; font-size: .20rem; font-weight: normal; color: #FEFEFE; }

.evomax-4n4t .p15 .title p span, .evomax-4n4t .p15 .title p a, .evomax-4n4t .p16 .title p span, .evomax-4n4t .p16 .title p a { transition: color .3s; color: #fff; }

.evomax-4n4t .p15 .title p span:hover, .evomax-4n4t .p15 .title p a:hover, .evomax-4n4t .p16 .title p span:hover, .evomax-4n4t .p16 .title p a:hover { color: #9F9F9F; }

.evomax-4n4t .p15 img { max-width: 12rem; margin: 0 auto; }

.evomax-4n4t .p15 .evomax04-cont { width: 12rem; margin: 0 auto; }

.evomax-4n4t .p16 .title p { color: #9F9F9F !important; }

.evomax-4n4t .p16 .title p span { color: #fff; }

.evomax-4n4t .p16 ul { max-width: 12rem; margin: 0 auto; }

.evomax-4n4t .p16 ul li { display: flex; justify-content: space-between; }

.evomax-4n4t .p16 ul li img { width: 5.83rem; margin: 0; }

.evomax-4n4t .p16 ul li > div { width: 5.94rem; height: 4.55rem; background: #151517; opacity: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.evomax-4n4t .p16 ul li > div img { width: 1rem; margin-bottom: .4rem; }

.evomax-4n4t .p16 ul li > div div { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.evomax-4n4t .p16 ul li > div div h3 { font-size: .28rem; font-weight: normal; color: #FFFFFF; margin-bottom: .4rem; }

.evomax-4n4t .p16 ul li > div div p { font-size: .20rem; color: #9F9F9F; max-width: 4rem; text-align: center; }

.evomax-4n4t .p17 .evomax48-cont ul li { display: flex; padding: .1rem 1.1rem; min-height: 2.25rem; }

.evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd { display: flex; align-items: center; width: 100%; }

.evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd .evomax48-fd-right { margin-left: .4rem; position: inherit; padding: 0.2rem 0; }

.evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd .evomax48-fd-right h5 { font-size: .26rem; margin-bottom: .2rem; color: #F9F9F9; }

.evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd .evomax48-fd-right .evomax48-fd-ms p { font-size: .16rem; color: #9A9A9A; }

.evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd .evomax48-fd-right a { font-size: .16rem; color: #2690F2; }

.evomax-4n4t .p19 #three-view { margin-top: .4rem; position: relative; width: 100%; }

.evomax-4n4t .p19 #three-view #center_canvas { display: flex; justify-content: center; background-color: #171717; height: 5rem; }

.evomax-4n4t .p19 #three-view #center_canvas .intro { padding-left: 0.65rem; width: 20%; min-width: 3rem; max-width: 5rem; background-color: #171717; display: flex; flex-direction: column; justify-content: center; }

.evomax-4n4t .p19 #three-view #center_canvas .intro img { margin: 0; width: .3rem; height: .3rem; margin-bottom: .1rem; }

.evomax-4n4t .p19 #three-view #center_canvas .intro h4 { font-size: .2rem; margin-bottom: .1rem; color: #fff; }

.evomax-4n4t .p19 #three-view #center_canvas .intro p { font-size: .16rem; color: #ccc; }

.evomax-4n4t .p19 #three-view #center_canvas #div_canvas3d { width: 80%; height: 100%; }

.evomax-4n4t .p19 .three-view-options { display: flex; justify-content: center; align-items: center; padding-top: .4rem; }

.evomax-4n4t .p19 .three-view-options div { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #5F5F5F; margin-top: .2rem; }

.evomax-4n4t .p19 .three-view-options div span { cursor: pointer; color: #ccc; position: relative; font-size: .18rem; }

.evomax-4n4t .p19 .three-view-options div span::after { content: ''; position: absolute; display: block; bottom: -1px; width: 100%; height: 1px; background-color: transparent; }

.evomax-4n4t .p19 .three-view-options div span:first-child { margin-right: .3rem; }

.evomax-4n4t .p19 .three-view-options div span.active { color: #fff; }

.evomax-4n4t .p19 .three-view-options div span.active::after { background-color: #fff; }


.evomax-4n4t .p1 .evomax-head h2 { font-weight: bold; }

.evomax-4n4t .p8 .title h2 { font-weight: bold; }

.evomax-4n4t .p9 .w1200 h2, .evomax-4n4t .p10 .w1200 h2, .evomax-4n4t .p11 .w1200 h2, .evomax-4n4t .p12 .w1200 h2, .evomax-4n4t .p13 .w1200 h2, .evomax-4n4t .p17 .w1200 h2, .evomax-4n4t .p18 .w1200 h2 { font-size: .6rem; }

.evomax-4n4t .p9 .evomax-head h2, .evomax-4n4t .p10 .evomax-head h2, .evomax-4n4t .p11 .evomax-head h2, .evomax-4n4t .p12 .evomax-head h2, .evomax-4n4t .p13 .evomax-head h2, .evomax-4n4t .p17 .evomax-head h2, .evomax-4n4t .p18 .evomax-head h2 { font-size: .6rem; }

@media (max-width: 971px) { .evomax-4n4t .inPC { display: none; }
  .evomax-4n4t .inApp { display: block; }
  .evomax-4n4t .banner .inApp { position: relative; }
  .evomax-4n4t .banner .inApp .title { position: absolute; top: 1.24rem; left: 50%; transform: translateX(-50%); width: 100%; }
  .evomax-4n4t .banner .inApp .title img { height: 0.53rem; margin-bottom: .35rem; }
  .evomax-4n4t .banner .inApp .title p { font-size: .4rem; font-weight: 500; color: #FEFEFE; text-align: center; }
  .evomax-4n4t .banner .intro { width: 90%; margin: 0 auto; }
  .evomax-4n4t .banner .intro p { font-size: .32rem; font-weight: 400; color: #BCBCBC; }
  .evomax-4n4t .banner .intro ul li { max-width: 50%; min-width: 50%; }
  .evomax-4n4t .banner .intro ul li img { height: 1.07rem; margin-bottom: .4rem; }
  .evomax-4n4t .banner .intro ul li span { font-size: .36rem; font-weight: normal; color: #fff; }
  .evomax-4n4t .banner .evomax02_hul li { min-height: 10.14rem; }
  .evomax-4n4t .banner .evomax02_hul li .evomax02_htit { margin-top: .5rem; margin-bottom: .55rem; text-align: center; font-size: .42rem; font-weight: 500; color: #FFFFFF; }
  .evomax-4n4t .banner .evomax02_hul li .evomax02_hdec { font-size: .3rem; font-weight: 400; padding: 0 0.4rem; color: #BCBCBC; }
  .evomax-4n4t .p1 { overflow: hidden; }
  .evomax-4n4t .p1 .w1200 .evomax-head2 p { font-size: .32rem; font-weight: 400; color: #919191; }
  .evomax-4n4t .p1 .p1-gif-box div { position: relative; }
  .evomax-4n4t .p1 .p1-gif-box .gif-1 { width: 157%; left: -1rem; }
  .evomax-4n4t .p1 .p1-gif-box .gif-2 { left: -3.1rem; width: 170%; }
  .evomax-4n4t .p1 .gif-v-box-1 { position: relative; width: 163%; left: -15%; }
  .evomax-4n4t .p1 .gif-v-box-2 { position: relative; width: 187%; right: 56.9%; }
  .evomax-4n4t .p2, .evomax-4n4t .p3 { margin-top: 2.1rem; }
  .evomax-4n4t .p2 .evomax-head, .evomax-4n4t .p3 .evomax-head { margin-bottom: 1.2rem; }
  .evomax-4n4t .p2 .evomax-head h2, .evomax-4n4t .p3 .evomax-head h2 { text-align: left; font-size: .56rem; font-weight: bold; color: #FEFEFE; margin-bottom: .81rem; }
  .evomax-4n4t .p2 .evomax-head p, .evomax-4n4t .p3 .evomax-head p { text-align: left; font-size: .32rem; color: #AFAFAF; }
  .evomax-4n4t .p2 .evomax03-cont, .evomax-4n4t .p3 .evomax03-cont { max-width: 90%; margin-left: auto; margin-right: auto; }
  .evomax-4n4t .p3 ul.clearfix img { width: .78rem; margin-bottom: .28rem; }
  .evomax-4n4t .p3 ul.clearfix h5 { margin-bottom: .56rem; font-size: .36rem; font-weight: normal; color: #FEFEFE; }
  .evomax-4n4t .p3 ul.clearfix p { margin-bottom: .59rem; text-align: left; max-width: 6.45rem; margin-left: auto; margin-right: auto; font-size: .28rem; color: #AFAFAF; }
  .evomax-4n4t .p4 .sm-box-skylink { width: 90%; margin-left: auto; margin-right: auto; }
  .evomax-4n4t .p4 .sm-box-skylink .title { position: inherit; top: auto; left: auto; transform: none; text-align: left; margin-bottom: 1.5rem; }
  .evomax-4n4t .p4 .sm-box-skylink .title h2 { opacity: 1; color: #fff; font-size: .56rem; font-weight: bold; line-height: 1em; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info { position: inherit; top: auto; left: auto; bottom: auto; transform: none; opacity: 1; margin-top: 1.17rem; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info .long-intro { margin-bottom: .97rem; font-size: .32rem; font-weight: 400; color: #FFFFFF; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info ul { flex-wrap: wrap; margin-bottom: .2rem; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info ul li { min-width: 50%; margin-right: 0; margin-bottom: 1rem; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info ul li h3 { margin-bottom: .23rem; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info ul li p { font-size: .28rem; color: #A9ADAD; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info .tips { margin-top: .8rem; font-size: .24rem; color: #666666; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info .hz { line-height: 1em; margin-bottom: .2rem; }
  .evomax-4n4t .p4 .sm-box-skylink .other-info.en { bottom: 0 !important; }
  .evomax-4n4t .p5 { margin-top: 1.5rem; }
  .evomax-4n4t .p5 .intro .w1280 div h2, .evomax-4n4t .p5 .intro .w1280 div p { text-align: left; }
  .evomax-4n4t .p5 .intro .w1280 div h2 { font-size: .6rem; font-weight: bold; color: #FFFEFF; }
  .evomax-4n4t .p5 .intro .w1280 div p { font-size: .32rem; font-weight: 500; color: #AFAFAF; }
  .evomax-4n4t .p6InApp, .evomax-4n4t .p7InApp { margin-bottom: 1.5rem; }
  .evomax-4n4t .p6InApp .title, .evomax-4n4t .p7InApp .title { text-align: center; margin-bottom: 1rem; }
  .evomax-4n4t .p6InApp .title h2, .evomax-4n4t .p7InApp .title h2 { font-size: .5rem; font-weight: bold; color: #FFFEFF; }
  .evomax-4n4t .p6InApp .title p, .evomax-4n4t .p7InApp .title p { font-size: .30rem; font-weight: bold; color: #FFFEFF; }
  .evomax-4n4t .p6InApp div.img-box, .evomax-4n4t .p7InApp div.img-box { width: 5rem; height: 6.1rem; position: relative; margin: 0 auto; }
  .evomax-4n4t .p6InApp div.img-box img, .evomax-4n4t .p7InApp div.img-box img { top: 0; left: 0; position: absolute; opacity: 0; transition: opacity .3s; }
  .evomax-4n4t .p6InApp div.img-box img.on, .evomax-4n4t .p7InApp div.img-box img.on { opacity: 1; }
  .evomax-4n4t .p8 { margin-top: 0rem; }
  .evomax-4n4t .p8 .p8-ms-2 p { text-align: left !important; }
  .evomax-4n4t .p8 .p8-ms-2 .tips { text-align: left !important; }
  .evomax-4n4t .p8 .p8-ms .video-box { position: relative; }
  .evomax-4n4t .p8 .sw-li, .evomax-4n4t .p8 .p8-ms-qh, .evomax-4n4t .p8 .p10-ms-qh, .evomax-4n4t .p8 .p13-ms-qh, .evomax-4n4t .p10 .sw-li, .evomax-4n4t .p10 .p8-ms-qh, .evomax-4n4t .p10 .p10-ms-qh, .evomax-4n4t .p10 .p13-ms-qh, .evomax-4n4t .p6InApp .sw-li, .evomax-4n4t .p6InApp .p8-ms-qh, .evomax-4n4t .p6InApp .p10-ms-qh, .evomax-4n4t .p6InApp .p13-ms-qh, .evomax-4n4t .p7InApp .sw-li, .evomax-4n4t .p7InApp .p8-ms-qh, .evomax-4n4t .p7InApp .p10-ms-qh, .evomax-4n4t .p7InApp .p13-ms-qh, .evomax-4n4t .p13 .sw-li, .evomax-4n4t .p13 .p8-ms-qh, .evomax-4n4t .p13 .p10-ms-qh, .evomax-4n4t .p13 .p13-ms-qh { overflow-x: auto; overflow-y: hidden; width: 90%; margin: 0 auto; margin-bottom: .64rem; padding-bottom: 0.05rem; }
  .evomax-4n4t .p8 .sw-li::-webkit-scrollbar, .evomax-4n4t .p8 .p8-ms-qh::-webkit-scrollbar, .evomax-4n4t .p8 .p10-ms-qh::-webkit-scrollbar, .evomax-4n4t .p8 .p13-ms-qh::-webkit-scrollbar, .evomax-4n4t .p10 .sw-li::-webkit-scrollbar, .evomax-4n4t .p10 .p8-ms-qh::-webkit-scrollbar, .evomax-4n4t .p10 .p10-ms-qh::-webkit-scrollbar, .evomax-4n4t .p10 .p13-ms-qh::-webkit-scrollbar, .evomax-4n4t .p6InApp .sw-li::-webkit-scrollbar, .evomax-4n4t .p6InApp .p8-ms-qh::-webkit-scrollbar, .evomax-4n4t .p6InApp .p10-ms-qh::-webkit-scrollbar, .evomax-4n4t .p6InApp .p13-ms-qh::-webkit-scrollbar, .evomax-4n4t .p7InApp .sw-li::-webkit-scrollbar, .evomax-4n4t .p7InApp .p8-ms-qh::-webkit-scrollbar, .evomax-4n4t .p7InApp .p10-ms-qh::-webkit-scrollbar, .evomax-4n4t .p7InApp .p13-ms-qh::-webkit-scrollbar, .evomax-4n4t .p13 .sw-li::-webkit-scrollbar, .evomax-4n4t .p13 .p8-ms-qh::-webkit-scrollbar, .evomax-4n4t .p13 .p10-ms-qh::-webkit-scrollbar, .evomax-4n4t .p13 .p13-ms-qh::-webkit-scrollbar { display: none; }
  .evomax-4n4t .p8 .sw-li ul, .evomax-4n4t .p8 .p8-ms-qh ul, .evomax-4n4t .p8 .p10-ms-qh ul, .evomax-4n4t .p8 .p13-ms-qh ul, .evomax-4n4t .p10 .sw-li ul, .evomax-4n4t .p10 .p8-ms-qh ul, .evomax-4n4t .p10 .p10-ms-qh ul, .evomax-4n4t .p10 .p13-ms-qh ul, .evomax-4n4t .p6InApp .sw-li ul, .evomax-4n4t .p6InApp .p8-ms-qh ul, .evomax-4n4t .p6InApp .p10-ms-qh ul, .evomax-4n4t .p6InApp .p13-ms-qh ul, .evomax-4n4t .p7InApp .sw-li ul, .evomax-4n4t .p7InApp .p8-ms-qh ul, .evomax-4n4t .p7InApp .p10-ms-qh ul, .evomax-4n4t .p7InApp .p13-ms-qh ul, .evomax-4n4t .p13 .sw-li ul, .evomax-4n4t .p13 .p8-ms-qh ul, .evomax-4n4t .p13 .p10-ms-qh ul, .evomax-4n4t .p13 .p13-ms-qh ul { margin: 0 auto; margin-top: 1.53rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: .01rem solid #8f8f8f; flex-wrap: nowrap; }
  .evomax-4n4t .p8 .sw-li ul li, .evomax-4n4t .p8 .p8-ms-qh ul li, .evomax-4n4t .p8 .p10-ms-qh ul li, .evomax-4n4t .p8 .p13-ms-qh ul li, .evomax-4n4t .p10 .sw-li ul li, .evomax-4n4t .p10 .p8-ms-qh ul li, .evomax-4n4t .p10 .p10-ms-qh ul li, .evomax-4n4t .p10 .p13-ms-qh ul li, .evomax-4n4t .p6InApp .sw-li ul li, .evomax-4n4t .p6InApp .p8-ms-qh ul li, .evomax-4n4t .p6InApp .p10-ms-qh ul li, .evomax-4n4t .p6InApp .p13-ms-qh ul li, .evomax-4n4t .p7InApp .sw-li ul li, .evomax-4n4t .p7InApp .p8-ms-qh ul li, .evomax-4n4t .p7InApp .p10-ms-qh ul li, .evomax-4n4t .p7InApp .p13-ms-qh ul li, .evomax-4n4t .p13 .sw-li ul li, .evomax-4n4t .p13 .p8-ms-qh ul li, .evomax-4n4t .p13 .p10-ms-qh ul li, .evomax-4n4t .p13 .p13-ms-qh ul li { text-align: center; font-weight: 400; color: #8F8F8F; line-height: .55rem; position: relative; margin-right: .50rem; font-size: .32rem; font-weight: bold; }
  .evomax-4n4t .p8 .sw-li ul li:last-child, .evomax-4n4t .p8 .p8-ms-qh ul li:last-child, .evomax-4n4t .p8 .p10-ms-qh ul li:last-child, .evomax-4n4t .p8 .p13-ms-qh ul li:last-child, .evomax-4n4t .p10 .sw-li ul li:last-child, .evomax-4n4t .p10 .p8-ms-qh ul li:last-child, .evomax-4n4t .p10 .p10-ms-qh ul li:last-child, .evomax-4n4t .p10 .p13-ms-qh ul li:last-child, .evomax-4n4t .p6InApp .sw-li ul li:last-child, .evomax-4n4t .p6InApp .p8-ms-qh ul li:last-child, .evomax-4n4t .p6InApp .p10-ms-qh ul li:last-child, .evomax-4n4t .p6InApp .p13-ms-qh ul li:last-child, .evomax-4n4t .p7InApp .sw-li ul li:last-child, .evomax-4n4t .p7InApp .p8-ms-qh ul li:last-child, .evomax-4n4t .p7InApp .p10-ms-qh ul li:last-child, .evomax-4n4t .p7InApp .p13-ms-qh ul li:last-child, .evomax-4n4t .p13 .sw-li ul li:last-child, .evomax-4n4t .p13 .p8-ms-qh ul li:last-child, .evomax-4n4t .p13 .p10-ms-qh ul li:last-child, .evomax-4n4t .p13 .p13-ms-qh ul li:last-child { margin-right: 0; }
  .evomax-4n4t .p8 .sw-li ul li::after, .evomax-4n4t .p8 .p8-ms-qh ul li::after, .evomax-4n4t .p8 .p10-ms-qh ul li::after, .evomax-4n4t .p8 .p13-ms-qh ul li::after, .evomax-4n4t .p10 .sw-li ul li::after, .evomax-4n4t .p10 .p8-ms-qh ul li::after, .evomax-4n4t .p10 .p10-ms-qh ul li::after, .evomax-4n4t .p10 .p13-ms-qh ul li::after, .evomax-4n4t .p6InApp .sw-li ul li::after, .evomax-4n4t .p6InApp .p8-ms-qh ul li::after, .evomax-4n4t .p6InApp .p10-ms-qh ul li::after, .evomax-4n4t .p6InApp .p13-ms-qh ul li::after, .evomax-4n4t .p7InApp .sw-li ul li::after, .evomax-4n4t .p7InApp .p8-ms-qh ul li::after, .evomax-4n4t .p7InApp .p10-ms-qh ul li::after, .evomax-4n4t .p7InApp .p13-ms-qh ul li::after, .evomax-4n4t .p13 .sw-li ul li::after, .evomax-4n4t .p13 .p8-ms-qh ul li::after, .evomax-4n4t .p13 .p10-ms-qh ul li::after, .evomax-4n4t .p13 .p13-ms-qh ul li::after { position: absolute; bottom: 0; content: ''; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }
  .evomax-4n4t .p8 .sw-li ul li.on, .evomax-4n4t .p8 .p8-ms-qh ul li.on, .evomax-4n4t .p8 .p10-ms-qh ul li.on, .evomax-4n4t .p8 .p13-ms-qh ul li.on, .evomax-4n4t .p10 .sw-li ul li.on, .evomax-4n4t .p10 .p8-ms-qh ul li.on, .evomax-4n4t .p10 .p10-ms-qh ul li.on, .evomax-4n4t .p10 .p13-ms-qh ul li.on, .evomax-4n4t .p6InApp .sw-li ul li.on, .evomax-4n4t .p6InApp .p8-ms-qh ul li.on, .evomax-4n4t .p6InApp .p10-ms-qh ul li.on, .evomax-4n4t .p6InApp .p13-ms-qh ul li.on, .evomax-4n4t .p7InApp .sw-li ul li.on, .evomax-4n4t .p7InApp .p8-ms-qh ul li.on, .evomax-4n4t .p7InApp .p10-ms-qh ul li.on, .evomax-4n4t .p7InApp .p13-ms-qh ul li.on, .evomax-4n4t .p13 .sw-li ul li.on, .evomax-4n4t .p13 .p8-ms-qh ul li.on, .evomax-4n4t .p13 .p10-ms-qh ul li.on, .evomax-4n4t .p13 .p13-ms-qh ul li.on { color: #fff; }
  .evomax-4n4t .p8 .sw-li ul li.on::after, .evomax-4n4t .p8 .p8-ms-qh ul li.on::after, .evomax-4n4t .p8 .p10-ms-qh ul li.on::after, .evomax-4n4t .p8 .p13-ms-qh ul li.on::after, .evomax-4n4t .p10 .sw-li ul li.on::after, .evomax-4n4t .p10 .p8-ms-qh ul li.on::after, .evomax-4n4t .p10 .p10-ms-qh ul li.on::after, .evomax-4n4t .p10 .p13-ms-qh ul li.on::after, .evomax-4n4t .p6InApp .sw-li ul li.on::after, .evomax-4n4t .p6InApp .p8-ms-qh ul li.on::after, .evomax-4n4t .p6InApp .p10-ms-qh ul li.on::after, .evomax-4n4t .p6InApp .p13-ms-qh ul li.on::after, .evomax-4n4t .p7InApp .sw-li ul li.on::after, .evomax-4n4t .p7InApp .p8-ms-qh ul li.on::after, .evomax-4n4t .p7InApp .p10-ms-qh ul li.on::after, .evomax-4n4t .p7InApp .p13-ms-qh ul li.on::after, .evomax-4n4t .p13 .sw-li ul li.on::after, .evomax-4n4t .p13 .p8-ms-qh ul li.on::after, .evomax-4n4t .p13 .p10-ms-qh ul li.on::after, .evomax-4n4t .p13 .p13-ms-qh ul li.on::after { height: .02rem; background-color: #fff; }
  .evomax-4n4t .p8 .p8-ms-qh, .evomax-4n4t .p10 .p8-ms-qh, .evomax-4n4t .p6InApp .p8-ms-qh, .evomax-4n4t .p7InApp .p8-ms-qh, .evomax-4n4t .p13 .p8-ms-qh { margin-left: 0; margin-right: 0; width: 100%; }
  .evomax-4n4t .p8 .p8-ms-qh ul, .evomax-4n4t .p10 .p8-ms-qh ul, .evomax-4n4t .p6InApp .p8-ms-qh ul, .evomax-4n4t .p7InApp .p8-ms-qh ul, .evomax-4n4t .p13 .p8-ms-qh ul { padding-bottom: 0rem; }
  .evomax-4n4t .p8 .p13-ms-qh ul li:nth-child(2)::after, .evomax-4n4t .p10 .p13-ms-qh ul li:nth-child(2)::after, .evomax-4n4t .p6InApp .p13-ms-qh ul li:nth-child(2)::after, .evomax-4n4t .p7InApp .p13-ms-qh ul li:nth-child(2)::after, .evomax-4n4t .p13 .p13-ms-qh ul li:nth-child(2)::after { bottom: -0.26rem; }
  .evomax-4n4t .p8 .sm, .evomax-4n4t .p10 .sm, .evomax-4n4t .p6InApp .sm, .evomax-4n4t .p7InApp .sm, .evomax-4n4t .p13 .sm { width: 100%; }
  .evomax-4n4t .p8 .sm ul, .evomax-4n4t .p10 .sm ul, .evomax-4n4t .p6InApp .sm ul, .evomax-4n4t .p7InApp .sm ul, .evomax-4n4t .p13 .sm ul { width: 100%; }
  .evomax-4n4t .p8 .sm ul li::after, .evomax-4n4t .p10 .sm ul li::after, .evomax-4n4t .p6InApp .sm ul li::after, .evomax-4n4t .p7InApp .sm ul li::after, .evomax-4n4t .p13 .sm ul li::after { bottom: -0.04rem; }
  .evomax-4n4t .p8 .swiper-container p, .evomax-4n4t .p10 .swiper-container p, .evomax-4n4t .p6InApp .swiper-container p, .evomax-4n4t .p7InApp .swiper-container p, .evomax-4n4t .p13 .swiper-container p { margin: 0 auto; font-size: .32rem; font-weight: 400; color: #D1D1D1; }
  .evomax-4n4t .p9 .w1200 h2 { text-align: left; }
  .evomax-4n4t .p9 .w1200 p { font-size: .32rem; font-weight: 400; color: #AFAFAF; text-align: left; }
  .evomax-4n4t .p10 .evomax-head h2 { margin-bottom: .8rem; }
  .evomax-4n4t .p11 .evomax-head, .evomax-4n4t .p12 .evomax-head, .evomax-4n4t .p13 .evomax-head { margin-bottom: .96rem; }
  .evomax-4n4t .p11 .evomax-head h2, .evomax-4n4t .p12 .evomax-head h2, .evomax-4n4t .p13 .evomax-head h2 { text-align: left; font-size: .6rem; font-weight: bold; color: #FEFEFE; margin-bottom: .67rem; }
  .evomax-4n4t .p11 .evomax-head p, .evomax-4n4t .p12 .evomax-head p, .evomax-4n4t .p13 .evomax-head p { text-align: left; font-size: .32rem; font-weight: 400; color: #A6A6A6; }
  .evomax-4n4t .p11 .evomax45_dec, .evomax-4n4t .p12 .evomax45_dec, .evomax-4n4t .p13 .evomax45_dec { text-align: left; margin: 0; }
  .evomax-4n4t .p14 { padding-top: 3rem; }
  .evomax-4n4t .p14 .title { top: 2rem; text-align: left; left: 0.36rem; transform: none; }
  .evomax-4n4t .p14 .title ul { width: 100%; margin: 0; display: block; text-align: left; }
  .evomax-4n4t .p14 .title ul li { margin-bottom: .53rem; }
  .evomax-4n4t .p14 .title ul li h3 { font-size: .44rem; font-weight: normal; color: #FEFEFE; font-weight: bold; }
  .evomax-4n4t .p14 .title ul li p { font-size: .34rem; }
  .evomax-4n4t .p15 .evomax04-cont > img { width: 100%; }
  .evomax-4n4t .p16 { margin-bottom: 1.5rem; }
  .evomax-4n4t .p16 .title p { margin-bottom: .76rem !important; }
  .evomax-4n4t .p16 ul li { width: 100%; flex-direction: column; }
  .evomax-4n4t .p16 ul li > img { width: 100%; }
  .evomax-4n4t .p16 ul li > div { margin-top: .15rem; height: auto; padding: .6rem .4rem; flex-direction: row; width: 100%; display: flex; }
  .evomax-4n4t .p16 ul li > div img { margin-right: .61rem; margin-bottom: 0; }
  .evomax-4n4t .p16 ul li > div div { align-items: baseline; }
  .evomax-4n4t .p16 ul li > div div h3 { text-align: left; font-size: .36rem; color: #FFFFFF; }
  .evomax-4n4t .p16 ul li > div div p { text-align: left; font-size: .28rem; color: #9F9F9F; }
  .evomax-4n4t .p15, .evomax-4n4t .p16 { width: 90%; margin: 0 auto; margin-top: 2.3rem; }
  .evomax-4n4t .p15 .title, .evomax-4n4t .p16 .title { text-align: left; }
  .evomax-4n4t .p15 .title h2, .evomax-4n4t .p16 .title h2 { font-size: .56rem; font-weight: bold; color: #FEFEFE; margin-bottom: .66rem; }
  .evomax-4n4t .p15 .title p, .evomax-4n4t .p16 .title p { font-size: .32rem; font-weight: normal; color: #FEFEFE; margin-bottom: 1.6rem; }
  .evomax-4n4t .p17 { margin-top: 1.5rem; }
  .evomax-4n4t .p17 .evomax48-cont ul li { padding: .5rem .16rem; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd-left img { margin-bottom: .5rem; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd { flex-direction: column; margin-left: .35rem; margin-right: .35rem; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd-right { margin: 0; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd-right h5 { font-size: .32rem !important; font-weight: normal; color: #F9F9F9; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd-right a { font-size: .28rem !important; }
  .evomax-4n4t .p17 .evomax48-cont ul li .evomax48-fd-ms { width: 100%; max-width: none !important; }
  .evomax-4n4t .p18 ul li:nth-child(1) { width: 100%; }
  .evomax-4n4t .p18 ul li:nth-child(2) { width: 48%; }
  .evomax-4n4t .p18 ul li:nth-child(3) { width: 48%; }
  .evomax-4n4t .p18 ul li:nth-child(4) { width: 100%; } }

.evomax-4n4t .evomax49-cont ul li { width: 48%; overflow: hidden; }

.evomax-4n4t .fontBlod { font-weight: bold !important; }

.evomax-4n4t .video-box-1200-600 { position: relative; aspect-ratio: 12/6; width: 100%; overflow: hidden; }

.evomax-4n4t .video-box-1200-600 video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.evomax-4n4t .uniH2-1 { margin-bottom: 0 !important; line-height: 1em !important; }

.evomax-4n4t .uniH2-2 { margin-bottom: .5rem !important; line-height: 1.5em !important; }

.evomax-4n4t .long-intro { width: 10.6rem; margin-left: auto; margin-right: auto; }

@media (max-width: 971px) { .evomax-4n4t .long-intro { width: 90%; margin-left: 0; } }

.evomax-4n4t .evomax45-cont .swiper-button-next { background-image: url(https://www.autelrobotics.com/PC/images/jt1.png); }

.evomax-4n4t .evomax45-cont .swiper-button-prev { background-image: url(https://www.autelrobotics.com/PC/images/jt2.png); }

.evomax-4n4t .tips-icon-red { color: red; }

.evomax-4n4t .inApp.p9-img img { width: 100%; max-width: none; margin-left: auto; }

.evomax-4n4t .evomax48-fd-ms { max-height: none; }

.evomax-4n4t.zh-page .p3 .evomax-head p, .evomax-4n4t.zh-page .p2 .evomax-head p, .evomax-4n4t.zh-page .p1 .evomax-head p, .evomax-4n4t.zh-page .p4 .evomax-head p, .evomax-4n4t.zh-page .p5 .evomax-head p, .evomax-4n4t.zh-page .p6 .evomax-head p, .evomax-4n4t.zh-page .p7 .evomax-head p, .evomax-4n4t.zh-page .p8 .evomax-head p, .evomax-4n4t.zh-page .p9 .evomax-head p, .evomax-4n4t.zh-page .p10 .evomax-head p, .evomax-4n4t.zh-page .p11 .evomax-head p, .evomax-4n4t.zh-page .p12 .evomax-head p, .evomax-4n4t.zh-page .p13 .evomax-head p, .evomax-4n4t.zh-page .p14 .evomax-head p { font-size: .22rem; }

.evomax-4n4t.zh-page .p15 .title p, .evomax-4n4t.zh-page .p16 .title p { font-size: .22rem; }

@media (max-width: 971px) { .evomax-4n4t.zh-page .p3 .evomax-head p, .evomax-4n4t.zh-page .p2 .evomax-head p, .evomax-4n4t.zh-page .p1 .evomax-head p, .evomax-4n4t.zh-page .p4 .evomax-head p, .evomax-4n4t.zh-page .p5 .evomax-head p, .evomax-4n4t.zh-page .p6 .evomax-head p, .evomax-4n4t.zh-page .p7 .evomax-head p, .evomax-4n4t.zh-page .p8 .evomax-head p, .evomax-4n4t.zh-page .p9 .evomax-head p, .evomax-4n4t.zh-page .p10 .evomax-head p, .evomax-4n4t.zh-page .p11 .evomax-head p, .evomax-4n4t.zh-page .p12 .evomax-head p, .evomax-4n4t.zh-page .p13 .evomax-head p, .evomax-4n4t.zh-page .p14 .evomax-head p { font-size: .32rem; }
  .evomax-4n4t.zh-page .p15 .title p, .evomax-4n4t.zh-page .p16 .title p { font-size: .32rem; }
  .evomax-4n4t.zh-page .p3 { margin-top: .5rem; }
  .evomax-4n4t.zh-page .p3 ul.clearfix img { width: 1.18rem; }
  .evomax-4n4t.zh-page .p7InApp .title h2 { font-size: 0.7rem; }
  .evomax-4n4t.zh-page .p7InApp .title p { font-size: 0.5rem; }
  .evomax-4n4t.zh-page .p10 { margin-top: 2.3rem; }
  .evomax-4n4t.zh-page .p11 .w1200 .evomax-head { margin-bottom: 0.56rem; }
  .evomax-4n4t.zh-page .p11 .w1200 .evomax45_dec { font-size: .32rem; }
  .evomax-4n4t.zh-page .p17 .w1200 .evomax48-cont ul li .evomax48-fd-ms p { font-size: .3rem; } }

.evomax-4n4t.en-page .p12 .w1200 .evomax-head p.s-intro { max-width: 9.14rem; margin-left: auto; margin-right: auto; font-size: .24rem; }

@media (max-width: 971px) { .evomax-4n4t.en-page .banner li .evomax02_htit { text-align: left !important; padding: 0 0.4rem; }
  .evomax-4n4t.en-page .p1 .w1200 .evomax-head h2 { line-height: 1.2em; }
  .evomax-4n4t.en-page .p3 { margin-top: .5rem; }
  .evomax-4n4t.en-page .p3 ul.clearfix img { width: 1.18rem; }
  .evomax-4n4t.en-page .p4 .sm-box-skylink .other-info ul { display: block; }
  .evomax-4n4t.en-page .p4 .sm-box-skylink .other-info ul li { text-align: left; }
  .evomax-4n4t.en-page .p6InApp { margin-bottom: .7rem; }
  .evomax-4n4t.en-page .title h2 { text-align: left; padding-left: 5%; }
  .evomax-4n4t.en-page .p8-ms-2 .tips { font-size: .28rem !important; text-align: left !important; }
  .evomax-4n4t.en-page .p11 .evomax45_dec { font-size: .28rem; }
  .evomax-4n4t.en-page .evomax44.p12 .w1200 .evomax-head p.s-intro { font-size: .30rem; }
  .evomax-4n4t.en-page .evomax44.p12 .w1200 .evomax-head p.tips { font-size: .24rem; }
  .evomax-4n4t.en-page .p17 .w1200 .evomax48-cont ul li .evomax48-fd-ms p { font-size: .31rem; } }

.page-evonest { background-color: #000; }

.page-evonest .bg { position: relative; }

.page-evonest .bg > img, .page-evonest .bg video, .page-evonest .bg .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.page-evonest h2 { font-size: 0.64rem; line-height: 1; margin-bottom: 0.36rem; font-weight: 600; letter-spacing: 4px; }

@media screen and (max-width: 767px) { .page-evonest h2 { font-size: .56rem; text-align: left; } }

.page-evonest .f36 { font-size: 0.36rem; }

.page-evonest .f24 { font-size: 0.24rem; }

.page-evonest .f20 { font-size: 0.2rem; }

.page-evonest .des { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); width: 88%; margin-left: auto; margin-right: auto; }

.page-evonest .des strong { color: #fff; font-weight: bold; }

@media screen and (max-width: 767px) { .page-evonest .des { font-size: .32rem; margin-bottom: .38rem; text-align: left !important; line-height: 1.5; width: 100% !important; } }

.page-evonest .w1280m { padding-left: .48rem; padding-right: .48rem; }

.page-evonest img[data-src] { opacity: 0; visibility: hidden; }

.page-evonest img[src][data-src] { opacity: 1; visibility: visible; }

[class*="evonest-"] { position: relative; padding-top: 1.2rem; padding-bottom: 1.2rem; }

@media screen and (max-width: 767px) { [class*="evonest-"] { padding-top: 1.1rem; padding-bottom: 1.1rem; } }

.evonest-banner { margin-top: 0; padding-bottom: 0; padding-top: 0; }

.evonest-banner video { width: 100%; }

@media screen and (max-width: 767px) { .evonest-banner .bg { padding-bottom: 133.6%; } }

.evonest-banner .play-btn { position: absolute; top: 39% !important; text-align: center; width: 100%; left: 0; }

.evonest-banner .play-btn p { display: inline-block; background-color: rgba(255, 255, 255, 0.67); background-color: white; color: #000; padding: 10px 29px; border-radius: 24px; cursor: pointer; padding: 8px 20px; font-size: 16px; }

.evonest-banner .play-btn p em { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 0; position: relative; }

.evonest-banner .play-btn p em img { display: inline-block; position: absolute; left: 2px; max-width: 14px; top: -1px; }

.evonest-banner .wrap { position: absolute; top: 0; width: 100%; padding-top: 0.85rem; text-align: center; color: white; }

.evonest-banner .wrap h2 { text-align: center; }

.evonest-banner .wrap p { font-size: 0.36rem; color: rgba(255, 255, 255, 0.8); }

@media screen and (max-width: 767px) { .evonest-banner { padding-top: 0; } }

.evonest-01 { background-color: #000; color: #fff; }

.evonest-01 .wrap .des { margin-bottom: 1.2rem; text-align: center; }

.evonest-01 .wrap ul { display: flex; justify-content: space-between; margin-top: 0.8rem; }

.evonest-01 .wrap ul li { flex: 1; display: flex; flex-direction: column; }

.evonest-01 .wrap ul li img, .evonest-01 .wrap ul li svg { width: 0.82rem; height: 0.82rem; margin-bottom: 0.3rem; margin-left: auto; margin-right: auto; }

.evonest-01 .wrap ul li .p1 { font-size: 0.18rem; text-align: center; }

@media screen and (max-width: 767px) { .evonest-01 .wrap .des.alignL-m { text-align: left; }
  .evonest-01 .wrap ul { flex-wrap: wrap; margin-top: 0; }
  .evonest-01 .wrap ul li { width: 50%; flex: auto; margin-bottom: 0.8rem; }
  .evonest-01 .wrap ul li.mb0 { margin-bottom: 0; }
  .evonest-01 .wrap ul li .p1 { font-size: .28rem; } }

.evonest-02 { background-color: #000; color: #fff; }

.evonest-02 .p2-ms-2 { margin-top: 0.5rem; }

.evonest-02 .p2-ms-2 p { margin: 0 auto; width: 7.77rem; max-width: 7.77rem; text-align: center; color: #fff; padding-bottom: 0.1rem; font-size: 0.2rem; font-weight: 400; line-height: 0.34rem; }

.evonest-02 .intro { color: #fff; }

.evonest-02 .intro .w1280 { text-align: center; }

.evonest-02 .intro .w1280 h2 { font-size: 0.46rem; font-weight: bold; }

.evonest-02 .intro .w1280 p { margin: 0 auto; width: 88%; font-weight: 400; }

.evonest-02 .intro .w1280 p:last-child { margin-bottom: 1rem; }

.evonest-02 .p2-ms-qh ul li { font-size: .2rem; }

.evonest-02 .p2-ms-qh ul, .evonest-02 .p4-ms-qh ul { margin: 0 auto; margin-top: 0.95rem; display: flex; justify-content: space-between; align-items: center; width: fit-content; border-bottom: 0.01rem solid #8f8f8f; width: 40%; }

.evonest-02 .p2-ms-qh ul li, .evonest-02 .p4-ms-qh ul li { text-align: center; font-size: 0.2rem; font-weight: 400; color: #8f8f8f; line-height: 0.55rem; position: relative; cursor: pointer; flex: 1; }

.evonest-02 .p2-ms-qh ul li:last-child, .evonest-02 .p4-ms-qh ul li:last-child { margin-right: 0; }

.evonest-02 .p2-ms-qh ul li::after, .evonest-02 .p4-ms-qh ul li::after { position: absolute; bottom: -0.01rem; content: ""; display: block; width: 100%; height: 0; background-color: #8f8f8f; left: 50%; transform: translateX(-50%); transition: all 0.3s; }

.evonest-02 .p2-ms-qh ul li.on, .evonest-02 .p4-ms-qh ul li.on { color: #fff; }

.evonest-02 .p2-ms-qh ul li.on::after, .evonest-02 .p4-ms-qh ul li.on::after { height: 0.02rem; background-color: #fff; }

.evonest-02 ul { margin-top: .4rem; display: flex; justify-content: space-between; }

.evonest-02 ul li { max-width: 49%; min-width: 49%; font-size: 0.2rem; color: #8f8f8f; line-height: 1.5em; }

.evonest-02 ul li .title { color: #fff; font-size: .22rem; margin-bottom: .1rem; }

@media screen and (max-width: 767px) { .evonest-02 .p2-ms-qh ul, .evonest-02 .p4-ms-qh ul { width: 100%; }
  .evonest-02 .p2-ms-qh ul li, .evonest-02 .p4-ms-qh ul li { margin-right: 0; font-size: .32rem; }
  .evonest-02 .p2-ms-2 p { width: 100%; max-width: 100%; font-size: .32rem; text-align: left; line-height: 1.5; }
  .evonest-02 ul { margin-top: .4rem; display: block; justify-content: space-between; }
  .evonest-02 ul li { max-width: none; min-width: none; font-size: 0.32rem; margin-bottom: .5rem; }
  .evonest-02 ul li .title { color: #fff; font-size: .36rem; margin-bottom: .08rem; } }

.evonest-03 { background-color: #000; color: #fff; text-align: center; }

.evonest-03 .img-box { padding-left: 20%; padding-right: 20%; }

.evonest-03a { padding-bottom: 0; }

@media screen and (min-width: 768px) { .evonest-03a p.des { color: white; } }

.evonest-04 { background-color: #000; color: #fff; }

.evonest-04 .wrap { text-align: center; }

.evonest-04 .wrap .des { margin-bottom: 0.74rem; }

.evonest-05 { background-color: #000; color: #fff; margin-bottom: 0; padding-bottom: 0; }

.evonest-05 .bg { padding-bottom: 56.25%; }

.evonest-05 .bg video { width: 100%; }

.evonest-05 .wrap { width: 100%; text-align: center; }

.evonest-05 .wrap .bfsp { display: flex; }

.evonest-05 .wrap video { width: 100%; }

@media screen and (max-width: 767px) { .evonest-05 .bg { padding-bottom: 200%; } }

.evonest-06 { background-color: #000; color: #fff; margin-top: 0; padding-top: 0; }

.evonest-06 .bg { padding-bottom: 56.25%; }

.evonest-06 .wrap { position: absolute; top: 0; width: 100%; text-align: center; padding-top: 1.2rem; padding-bottom: 0.9rem; }

.evonest-06 .wrap .des { margin-bottom: 0.74rem; }

@media screen and (max-width: 767px) { .evonest-06 { padding-bottom: 0; }
  .evonest-06 .bg { padding-bottom: 200%; }
  .evonest-06 .wrap { padding-bottom: 0; } }

.evonest-07 { background-color: #000; color: #fff; }

.evonest-07 .bg { padding-bottom: 66.5625%; }

.evonest-07 .wrap { text-align: center; }

.evonest-07 .wrap .des { margin-bottom: 0.74rem; }

@media screen and (max-width: 767px) { .evonest-07 .bg { padding-bottom: 200%; } }

.evonest-08 { background-color: #000; color: #fff; }

.evonest-08 .bg { padding-bottom: 56.25%; }

.evonest-08 .wrap { position: absolute; z-index: 1; top: 0; width: 100%; text-align: center; padding-top: 1.2rem; }

.evonest-08 .wrap .des { margin-bottom: 0.5rem; }

.evonest-08 img { position: absolute; top: 0; }

@media screen and (max-width: 767px) { .evonest-08a { text-align: center; } }

.evonest-09 { background-color: #000; color: #fff; }

.evonest-09 .w1280 { max-width: 1400px; }

.evonest-09 .wrap { background-color: #1e1e1e; text-align: center; padding: 0.4rem 0.4rem 0.8rem; }

.evonest-09 .wrap img { width: 1.86rem; height: 1.86rem; margin-bottom: 0.2rem; }

.evonest-09 .wrap h3 { font-size: 0.48rem; margin-bottom: 0.3rem; }

@media screen and (max-width: 767px) { .evonest-09 .wrap img { width: 1.86rem; height: 1.86rem; margin-top: 0.8rem; }
  .evonest-09 .wrap h3 { font-size: .48rem; }
  .evonest-09 .wrap p { text-align: center !important; } }

.evonest-10 { background-color: #000; color: #fff; }

.evonest-10 .w1280 { max-width: 1400px; }

.evonest-10 .wrap { text-align: center; }

.evonest-10 .wrap h2 { margin-bottom: 1rem; text-align: center; }

.evonest-10 .wrap ul { margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.evonest-10 .wrap ul li { width: calc(50% - 0.1rem); margin-bottom: 0.2rem; }

.evonest-10 .wrap ul li .img-box { overflow: hidden; margin-bottom: 0.2rem; }

.evonest-10 .wrap ul li img { transform: scale(1); transition: transform 0.5s; }

.evonest-10 .wrap ul li p { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); text-align: center; }

.evonest-10 .wrap ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 767px) { .evonest-10 { padding: 1.1rem 0; }
  .evonest-10 .wrap h2 { margin-bottom: .8rem; }
  .evonest-10 .wrap ul li { width: 100%; }
  .evonest-10 .wrap ul li p { font-size: .32rem; }
  .evonest-10 .wrap ul li:hover img { transform: none; } }

@media screen and (max-width: 767px) { .hide_pocket { display: none !important; } }

@media screen and (min-width: 768px) { .hide_pocket-up { display: none !important; } }

.magic-01 { position: relative; background-color: #020202; z-index: 99; color: #fff; overflow: hidden; }

.magic-01 .sticky-pc { position: sticky; top: 0; left: 0; }

.magic-01 .sticky-pc .wrap { position: relative; overflow: hidden; }

.magic-01 .sticky-pc .wrap .img-box { position: relative; }

.sticky-block { position: sticky; top: 0; left: 0; }

#evonest01_dw01 { position: absolute; top: 52%; left: 50%; transform: translateX(-50%); width: 100%; width: 100%; text-align: center; }

@media screen and (min-width: 1920px) { #evonest01_dw01 { top: 48%; } }

.page-evonest .pinImg_01 { width: 67%; }

#evonest02_dw02 { position: absolute; top: 52%; left: 50%; transform: translateX(-50%); width: 100%; width: 100%; text-align: center; }

@media screen and (min-width: 1920px) { #evonest02_dw02 { top: 50%; } }

/* mapper 详情页 start */
.page-mapper { background-color: #000; color: white; }

.page-mapper .bg { position: relative; }

.page-mapper .bg > img, .page-mapper .bg video, .page-mapper .bg .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.page-mapper h1 { font-size: .70rem; }

.page-mapper h2 { font-size: .63rem; }

.page-mapper h3 { font-size: .44rem; }

.page-mapper h4 { font-size: .36rem; }

.page-mapper h5 { font-size: .30rem; }

.page-mapper .desc { font-size: .24rem; }

.page-mapper .tips { font-size: 12px; font-size: .2rem; color: rgba(255, 255, 255, 0.6); }

.page-mapper img[data-src] { opacity: 0; visibility: hidden; }

.page-mapper img[src][data-src] { opacity: 1; visibility: visible; }

.page-mapper [class*=mapper-] h2 { margin-bottom: .52rem; font-weight: 800; }

.page-mapper video { width: 100%; }

@media screen and (max-width: 767px) { .page-mapper .swiper-wrapper { flex-wrap: initial !important; }
  .page-mapper .desc { font-size: .32rem; } }

/* ----- mapper 内容部分 ----- */
.mapper-banner { text-align: center; position: relative; }

.mapper-banner .bg { padding-bottom: 56.25%; }

.mapper-banner .bg video { width: 100%; }

@media screen and (max-width: 767px) { .mapper-banner .bg { padding-bottom: 139.6%; } }

.mapper-banner .wrap { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding-top: .6rem; background: rgba(0, 0, 0, 0.4); }

.mapper-banner .wrap h2 { margin-bottom: 0.2rem; }

.mapper-banner .wrap p { font-size: .3rem; }

.mapper-banner .play-btn { position: absolute; top: 39%; text-align: center; width: 100%; left: 0; }

.mapper-banner .play-btn p { display: inline-block; background-color: rgba(255, 255, 255, 0.67); background-color: white; color: #000; padding: 10px 29px; border-radius: 24px; cursor: pointer; padding: 8px 20px; font-size: 16px; }

.mapper-banner .play-btn p em { display: inline-block; vertical-align: middle; width: 14px; height: 14px; margin-left: 0; position: relative; }

.mapper-banner .play-btn p em img { display: inline-block; position: absolute; left: 2px; max-width: 14px; top: -1px; }

@media screen and (max-width: 767px) { .mapper-banner .wrap { padding-top: 1rem; }
  .mapper-banner .wrap h2 { margin-bottom: 0.2rem; } }

.mapper-01 { text-align: center; padding-top: 0.77rem; padding-bottom: 0.77rem; background-color: #111111; }

.mapper-01 .wrap p { width: 82.85714%; margin: 0 auto; text-align: left; font-size: .3rem; line-height: 1.5; opacity: .6; }

@media screen and (max-width: 767px) { .mapper-01 { padding: .4rem 0; }
  .mapper-01 .wrap p { width: 100%; } }

.mapper-02 { text-align: center; padding-top: 1.2rem; padding-bottom: 1.2rem; }

.mapper-02 .wrap > ul { display: flex; margin-bottom: 1rem; }

.mapper-02 .wrap > ul:last-child { margin-bottom: 0; }

.mapper-02 .wrap > ul li { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; }

.mapper-02 .wrap > ul li .p1 { font-size: .36rem; }

.mapper-02 .wrap > ul li .tag { font-size: .24rem; opacity: 0.8; }

.mapper-02 .wrap > ul li em { font-size: 0.2rem; position: relative; top: -15px; right: -6px; }

@media screen and (max-width: 767px) { .mapper-02 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .mapper-02 .wrap > ul { flex-wrap: wrap; margin-bottom: 0; }
  .mapper-02 .wrap > ul li { width: 50%; flex: auto; margin-bottom: 1rem; }
  .mapper-02 .wrap > ul .mb0 { margin-bottom: 0; } }

.mapper-03 { text-align: left; padding-top: 1.6rem; padding-bottom: 1.3rem; background-color: #111111; }

.mapper-03 .wrap .desc { margin-bottom: .6rem; font-size: .24rem; }

.mapper-03 .wrap > ul { display: flex; margin-bottom: .2rem; }

.mapper-03 .wrap > ul li { flex: 1; }

.mapper-03 .wrap > ul li p { font-size: .2rem; }

.mapper-03 .wrap .tips { margin-bottom: .48rem; }

@media screen and (max-width: 767px) { .mapper-03 { padding-top: 0.6rem; padding-bottom: 0.6rem; }
  .mapper-03 .wrap .desc { font-size: .32rem; }
  .mapper-03 .wrap > ul { flex-wrap: wrap; }
  .mapper-03 .wrap > ul li { width: 100%; flex: auto; margin-bottom: 0.2rem; }
  .mapper-03 .wrap > ul li h3 { margin-bottom: .04rem; }
  .mapper-03 .wrap > ul li p { font-size: .3rem; }
  .mapper-03 .wrap .tips { font-size: .3rem; margin-bottom: .48rem; } }

.mapper-03-1 { padding-top: 0rem; padding-bottom: 1.6rem; }

@media screen and (max-width: 767px) { .mapper-03-1 { padding-top: 0.6rem; padding-bottom: 0.6rem; } }

.mapper-04 { text-align: center; padding-top: 1.3rem; padding-bottom: 1.2rem; background-color: #1C1C1C; }

.mapper-04 .wrap h4 { margin-bottom: .6rem; }

.mapper-04 .wrap .desc { margin-bottom: .6rem; text-align: left; }

.mapper-04 .wrap .sw-box { margin: 0 auto; position: relative; padding-left: 20%; padding-right: 20%; }

.mapper-04 .wrap ul li img { margin-bottom: .68rem; margin-bottom: 0; }

.mapper-04 .wrap ul li .p1 { margin-bottom: .3rem; font-size: .28rem; }

.mapper-04 .wrap ul li .p2 { font-size: .2rem; margin-bottom: .6rem; color: rgba(255, 255, 255, 0.6); }

.mapper-04 .wrap .pagination-01a { width: 80% !important; }

@media screen and (max-width: 767px) { .mapper-04 .wrap .sw-box { width: 100%; padding-left: 0; padding-right: 0; } }

.swiper-container-horizontal { overflow: hidden; position: relative; }

.btn-prev, .btn-next { opacity: .6; width: .8rem; position: absolute; top: 36%; transition: opacity .2s ease-in-out; cursor: pointer; }

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

.btn-prev.swiper-button-disabled:hover, .btn-next.swiper-button-disabled:hover { opacity: .5; }

.btn-prev:hover, .btn-next:hover { opacity: 1; }

.btn-prev { position: absolute; left: 0; }

.btn-prev svg, .btn-prev img { transform: rotate(180deg); }

.btn-next { position: absolute; right: 0; }

.pagination-01 { margin: 0 auto !important; display: flex; }

.pagination-01 .swiper-pagination-bullet { height: 2px; flex: 1; display: inline-block; border-radius: 0; margin: 0 !important; width: 35px; height: 4px; opacity: 1; border-radius: 0; background-color: rgba(255, 255, 255, 0.5); position: relative; }

.pagination-01 .swiper-pagination-bullet::after { content: ""; display: block; width: 0; height: 100%; background-color: white; }

.pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 4px; background-color: rgba(255, 255, 255, 0.5); }

.pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active::after { -webkit-animation: width1 3s linear; animation: width1 3s linear; }

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

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

.mapper-05, .mapper-06, .mapper-p7, .mapper-08, .mapper-10 { padding-bottom: 1.3rem; }

@media screen and (max-width: 767px) { .mapper-05, .mapper-06, .mapper-p7, .mapper-08, .mapper-10 { padding-top: .6rem; padding-bottom: .6rem; } }

.mapper-05 { text-align: left; background-color: #111111; padding-top: 1.6rem; }

.mapper-05 .wrap .desc { margin-bottom: .6rem; }

.mapper-05 .wrap h3 { margin-bottom: .5rem; }

.mapper-05 .wrap h3 em { margin-right: 1rem; }

.mapper-06 { text-align: left; background-color: #111111; padding-top: 0; }

.mapper-06 .wrap .desc { margin-bottom: .6rem; }

.mapper-06 .wrap .tips { margin-bottom: .5rem; }

.mapper-p7 { text-align: left; background-color: #1C1C1C; }

.mapper-p7 .wrap { display: flex; }

.mapper-p7 .wrap .part-text { flex: 1; margin-right: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; }

.mapper-p7 .wrap .part-text .swiper { flex: 1; }

.mapper-p7 .wrap .part-media { width: 40%; }

.mapper-p7 .wrap h4 { margin-bottom: .6rem; }

.mapper-p7 .wrap p { font-size: .24rem; }

@media screen and (max-width: 767px) { .mapper-p7 h4 { font-size: .56rem; text-align: center; margin-bottom: 0.4rem; }
  .mapper-p7 .wrap { flex-direction: column; }
  .mapper-p7 .wrap .part-text { order: 2; width: 100%; }
  .mapper-p7 .wrap .part-text .swiper { order: 2; }
  .mapper-p7 .wrap .part-text .swiper li { padding: 0.36rem .2rem; }
  .mapper-p7 .wrap .part-text .navs-01 { order: 1; }
  .mapper-p7 .wrap .part-media { order: 1; width: 100%; margin-bottom: .6rem; }
  .mapper-p7 .wrap p { font-size: .32rem; }
  .mapper-p7 .navs-01 > li:last-child { text-align: right; }
  .mapper-p7 .navs-01 > li:first-child { text-align: left; }
  .mapper-p7 .navs-01 > li.center { text-align: center; } }

.mapper-07 { padding-top: 1.6rem; }

.mapper-07 video { width: 100%; }

.mapper-07 .btn-play { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 1rem; height: 1rem; }

@media screen and (max-width: 767px) { .mapper-07 { padding-top: 0.6rem; padding-bottom: 0; } }

.mapper-08 .wrap .part-text { margin-right: 0; }

.mapper-08 .wrap .part-media { margin-right: 1.4rem; }

@media screen and (max-width: 767px) { .mapper-08 { padding-bottom: 0; }
  .mapper-08 .wrap .part-text { margin-right: 0; }
  .mapper-08 .wrap .part-media { margin-right: 1.4rem; } }

.navs-01 { display: flex; border-bottom: 1px solid #999; padding-bottom: 10px; }

.navs-01 > li { flex: 1; margin-right: .2rem; color: rgba(255, 255, 255, 0.6); font-size: .2rem; }

.navs-01 > li:last-child { margin-right: 0; }

.navs-01 > li.active { color: white; }

.navs-01 > li.active span::after { display: block; }

.navs-01 > li span { cursor: pointer; display: inline-block; position: relative; }

.navs-01 > li span::after { display: none; content: ""; position: absolute; bottom: -11px; width: 100%; border-bottom: 2px solid #fff; left: 0; }

@media screen and (max-width: 767px) { .navs-01 > li { font-size: .32rem; } }

.mapper-10 { text-align: center; background-color: #111111; padding-top: 1.6rem; }

.mapper-10 .wrap .swiper { margin-bottom: .7rem; }

.mapper-10 .wrap .w80 { width: 80%; margin: 0 auto; }

.mapper-10 .wrap .navs-01 { margin-bottom: .36rem; }

.mapper-10 .wrap .navs-01 li { text-align: center; }

.mapper-10 .wrap .p1 { font-size: .24rem; margin-bottom: .38rem; text-align: left; }

.mapper-10 .wrap .p2 { font-size: .2rem; color: rgba(255, 255, 255, 0.8); text-align: left; }

@media screen and (max-width: 767px) { .mapper-10 { padding-top: .6rem; }
  .mapper-10 .wrap .w80 { width: 100%; }
  .mapper-10 .wrap .navs-01 li:last-child { text-align: right; }
  .mapper-10 .wrap .navs-01 li:first-child { text-align: left; }
  .mapper-10 .wrap .navs-01 li.center { text-align: center; }
  .mapper-10 .wrap .p1 { font-size: .32rem; } }

/* Mapper 英文版 start */
.mapper-01en { text-align: left; padding-top: 0.77rem; padding-bottom: 1.43rem; background-color: #111111; }

.mapper-01en .wrap p { width: 82.85714%; margin: 0 auto; text-align: left; font-size: .3rem; line-height: 1.5; opacity: .6; }

.mapper-03en { text-align: left; padding-bottom: 1.46rem; background-color: #111111; }

.mapper-03en .wrap .desc { margin-bottom: .6rem; }

.mapper-03en .wrap > ul { display: flex; margin-bottom: .2rem; }

.mapper-03en .wrap > ul li { flex: 1; }

.mapper-03en .wrap > ul li p { font-size: .2rem; }

.mapper-03en .wrap .tips { margin-bottom: .48rem; }

@media screen and (max-width: 767px) { .mapper-03en { padding-bottom: .6rem; } }

.mapper-04en { background-color: #161616; }

.mapper-04en .wrap { display: flex; padding: 0.6rem 0; }

.mapper-04en .wrap .part-text { flex: 1; order: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }

.mapper-04en .wrap .part-media { flex: 1; order: 2; }

.mapper-04en.type1 .wrap .part-text .inner { padding-right: 10%; }

.mapper-04en.type2 .wrap .part-text { order: 2; }

.mapper-04en.type2 .wrap .part-text .inner { padding-left: 10%; }

.mapper-04en.type2 .wrap .part-media { order: 1; }

@media screen and (max-width: 767px) { .mapper-04en { padding-bottom: .6rem; }
  .mapper-04en .wrap { flex-direction: column; }
  .mapper-04en .desc { margin-bottom: 0.6rem; }
  .mapper-04en.type1 .wrap .part-text .inner { padding-right: 0%; }
  .mapper-04en.type2 .wrap .part-text { order: 1; }
  .mapper-04en.type2 .wrap .part-text .inner { padding-left: 0%; }
  .mapper-04en.type2 .wrap .part-media { order: 2; } }

.mapper-11 { background-color: #000; color: #fff; position: relative; padding: 1.2rem 0; }

.mapper-11 .w1280 { max-width: 1400px; }

.mapper-11 .wrap { text-align: center; }

.mapper-11 .wrap h2 { margin-bottom: 1rem; }

.mapper-11 .wrap ul { margin-bottom: 1rem; display: flex; flex-wrap: wrap; justify-content: space-between; }

.mapper-11 .wrap ul li { width: calc(50% - 0.1rem); margin-bottom: 0.2rem; }

.mapper-11 .wrap ul li .img-box { overflow: hidden; margin-bottom: 0.2rem; }

.mapper-11 .wrap ul li img { transform: scale(1); transition: transform 0.5s; }

.mapper-11 .wrap ul li p { font-size: 0.24rem; color: rgba(255, 255, 255, 0.6); text-align: center; }

.mapper-11 .wrap ul li:hover img { transform: scale(1.1); }

@media screen and (max-width: 767px) { .mapper-11 { padding: 1.1rem 0; }
  .mapper-11 .wrap h2 { margin-bottom: .8rem; }
  .mapper-11 .wrap ul li { width: 100%; }
  .mapper-11 .wrap ul li p { font-size: .32rem; }
  .mapper-11 .wrap ul li:hover img { transform: none; }
  .mapper-11 .wrap .list1 { margin-bottom: 0; }
  .mapper-11 .wrap .list2 { display: flex; justify-content: space-between; }
  .mapper-11 .wrap .list2 > li { width: 49%; } }

/* mapper 详情页 end */
.security-page { max-width: 14rem; margin: 0 auto; margin-top: .96rem; margin-bottom: 1.2rem; }

.security-page h3 { font-size: .40rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #000000; line-height: 1.5em; margin-bottom: .8rem; }

.security-page p.intro { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; line-height: 1.5em; margin-bottom: .8rem; }

.security-page img { margin-bottom: .8rem; }

.security-page section { margin-bottom: .8rem; }

.security-page section h4 { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #000000; line-height: 1.5em; margin-bottom: .36rem; }

.security-page section p { font-size: .20rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; line-height: 1.5em; margin-bottom: .05rem; }

.security-page section p.with-dot { position: relative; }

.security-page section p.with-dot::before { content: ''; display: inline-block; width: 0.08rem; height: 0.08rem; background-color: #666666; border-radius: 50%; position: relative; top: 50%; transform: translateY(-50%); }

.security-page section p.withDot { padding-left: 1.5em; position: relative; }

.security-page section p.withDot::before { content: ''; display: block; position: absolute; top: 0.6em; left: 0.5em; width: 0.4em; height: 0.4em; border-radius: 50%; background-color: #000000; }

.security-page section p.tips { font-size: .16rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; line-height: 1.5em; margin-top: .1rem; padding-left: .26rem; padding-left: 1.5em; }

.security-page ul li { display: inline-block; margin-right: .12rem; padding-right: .12rem; border-right: 1px solid #999999; }

.security-page ul li a { font-size: .16rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; line-height: 1.5em; text-decoration: underline; }

.security-page ul li a:hover { color: #D4251F; }

.security-page ul li:last-child { border-right: none; }

@media (max-width: 971px) { .security-page { padding: 0 .48rem; width: 100%; margin-top: 1.1rem; }
  .security-page h3 { font-size: .56rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #222222; margin-bottom: .32rem; }
  .security-page p.intro { font-size: .32rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; margin-bottom: .32rem; }
  .security-page img { margin-bottom: 1.1rem; }
  .security-page section { margin-bottom: 1.2rem; }
  .security-page section h4 { font-size: .40rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #222222; margin-bottom: .32rem; }
  .security-page section p { font-size: .32rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #666666; margin-bottom: .32rem; }
  .security-page section p.with-dot::before { width: 0.1rem; height: 0.1rem; }
  .security-page section p.tips { font-size: .24rem; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #999999; padding: 0; padding-left: 1.5em; }
  .security-page ul { margin-top: 1rem; }
  .security-page ul li { display: block; border: none; margin-bottom: .48rem; }
  .security-page ul li a { font-size: .28rem; font-weight: 400; color: #666666; }
  .security-page ul li a:hover { color: #D4251F; } }

.privacy-policy-page { max-width: 14rem; margin: auto; margin-top: 1.1rem; margin-bottom: 1.2rem; }

.privacy-policy-page .inApp { display: none; }

.privacy-policy-page .inPC { display: block; }

.privacy-policy-page h3 { font-size: .40rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #000000; line-height: 1.5em; margin-bottom: .82rem; }

.privacy-policy-page ul > li, .privacy-policy-page p { font-size: .20rem; line-height: 1.5em; color: #666; }

.privacy-policy-page p { margin-bottom: 1em; }

.privacy-policy-page p.withDot { padding-left: 1.5em; position: relative; }

.privacy-policy-page p.withDot::before { content: ''; display: block; position: absolute; top: 0.6em; left: 0.5em; width: 0.4em; height: 0.4em; border-radius: 50%; background-color: #222; }

.privacy-policy-page ul { margin-bottom: 1.1rem; }

.privacy-policy-page ul li { margin-bottom: .0rem; }

.privacy-policy-page ul li a { text-decoration: underline; color: #222; }

.privacy-policy-page ul li a:hover { color: #D4251F; }

.privacy-policy-page p.strong, .privacy-policy-page span.strong, .privacy-policy-page strong { color: #222; font-weight: bold; }

.privacy-policy-page .underline { text-decoration: underline; }

.privacy-policy-page h4 { font-size: .24rem; margin-bottom: .32rem; margin-top: .32rem; line-height: 1.5em; color: #222; font-weight: bold; scroll-margin-top: 1.2rem; }

.privacy-policy-page h5 { font-size: .22rem; margin-bottom: .28rem; margin-top: .28rem; line-height: 1.5em; color: #222; font-weight: bold; }

.privacy-policy-page table { border-collapse: collapse; color: #222222; font-family: Source Han Sans CN-Medium, Source Han Sans CN; }

.privacy-policy-page table tr th, .privacy-policy-page table tr td { border: 1px solid #CCCCCC; padding: .24rem .32rem; text-align: left; font-size: .20rem; }

.privacy-policy-page table thead tr { background: #f3f3f3; font-size: .22rem; font-weight: 500; line-height: 1.5em; text-align: left; }

.privacy-policy-page table thead tr.title { text-align: center; background: #DFDFDF; font-size: .22rem; font-weight: 500; line-height: 1.5em; }

.privacy-policy-page table thead tr.title th { text-align: center; }

.privacy-policy-page table thead tr.t-h .w28 { width: 2.78rem; }

.privacy-policy-page table thead tr.t-h .w60 { width: 6.05rem; }

.privacy-policy-page table thead tr.t-h .w24 { width: 2.39rem; }

@media (max-width: 971px) { .privacy-policy-page { width: 100%; padding: 0 .48rem; }
  .privacy-policy-page .inApp { display: block; }
  .privacy-policy-page .inPC { display: none; }
  .privacy-policy-page h3 { font-size: .56rem; font-family: Source Han Sans CN-Bold, Source Han Sans CN; font-weight: bold; color: #222222; }
  .privacy-policy-page ul > li, .privacy-policy-page p { font-size: .32rem; }
  .privacy-policy-page ul { margin-bottom: 1.1rem; }
  .privacy-policy-page ul li { margin-bottom: .0rem; }
  .privacy-policy-page ul li a { text-decoration: underline; }
  .privacy-policy-page ul li a:hover { color: #D4251F; }
  .privacy-policy-page h4 { font-size: .4rem; margin-bottom: .4rem; margin-top: .4rem; }
  .privacy-policy-page h5 { font-size: .32rem; margin-bottom: .32rem; margin-top: .32rem; }
  .privacy-policy-page .link-list a { text-decoration: underline; } }

.privacy-policy-page a { text-decoration: underline; }

.privacy-policy-page a:hover { color: #D4251F; }

.new-dtzn-prod-page .inPC { display: block; }

.new-dtzn-prod-page .inApp { display: none; }

.new-dtzn-prod-page .pc-center-title-box, .new-dtzn-prod-page .pctb { text-align: center; color: #2D2D2B; }

.new-dtzn-prod-page .pc-center-title-box h2, .new-dtzn-prod-page .pctb h2 { margin-bottom: .65rem; font-size: .46rem; font-weight: bold; }

.new-dtzn-prod-page .pc-center-title-box p, .new-dtzn-prod-page .pctb p { font-size: .2rem; font-weight: 400; line-height: 1.5em; margin: 0 auto; }

.new-dtzn-prod-page .pc-left-title-box, .new-dtzn-prod-page .pltb { text-align: left; color: #2D2D2B; }

.new-dtzn-prod-page .pc-left-title-box h2, .new-dtzn-prod-page .pltb h2 { margin-bottom: .56rem; font-size: .56rem; font-weight: bold; }

.new-dtzn-prod-page ul.icns-intro { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }

.new-dtzn-prod-page ul.icns-intro li { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 25%; min-width: 25%; margin-bottom: .5rem; font-size: .2rem; line-height: .30rem; }

.new-dtzn-prod-page ul.icns-intro li > img { height: .7rem; margin-bottom: .1rem; }

.new-dtzn-prod-page ul.icns-intro li > span, .new-dtzn-prod-page ul.icns-intro li > p { text-align: center; font-size: .18rem; line-height: 1.5en; font-weight: 400; }

.new-dtzn-prod-page .img-hover-box { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; height: 2.94rem; margin-bottom: .1rem; }

.new-dtzn-prod-page .img-hover-box img { width: 100%; transform: scale(1); transition: transform 0.5s; }

.new-dtzn-prod-page .img-hover-box:hover img { transform: scale(1.1); }

@media (max-width: 971px) { .new-dtzn-prod-page { padding-top: 0; }
  .new-dtzn-prod-page .inPC { display: none; }
  .new-dtzn-prod-page .inApp { display: block; }
  .new-dtzn-prod-page .img-hover-box { height: auto; margin-bottom: .2rem; } }

.nbuy2 .nbuy2_ttop .tit { line-height: inherit; }

.mainer .afs_support2.flexce { justify-content: inherit; }

 .hbit-inPC { display: block; }

 .hbit-inApp { display: none; }

@media (max-width: 971px) {  .hbit-inPC { display: none; }
   .hbit-inApp { display: block; } }

@media (max-width: 971px) { .application-spe-bot .insrecruit-list ul li { text-align: left; } }

.application-spe .rectue-min table tr td:nth-child(2) { width: 32%; padding-right: 20px; flex: auto !important; }

.application-spe .rectue-min table tr td:first-child { width: 32%; min-width: 32%; max-width: 32%; }

.page-top { height: 60vh; }

.page-footer { font-family: "SourceHanSansCN-Regular", "Arial", "微软雅黑", "sans-serif", "microsoft yahei"; line-height: 1; }

.page-footer .footer-wrap { padding: 78px 0 32px 0; }

@media (max-width: 765px) { .page-footer .footer-wrap { padding-top: 0; } }

.page-footer a { transition: color .2s ease-in-out; }

.page-footer a:hover { text-decoration: underline; color: #D4251F; }

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

.footer-navs > li { color: black; }

.footer-navs > li h3 { font-size: 16px; font-weight: 600; }

@media screen and (max-width: 767px) { .footer-navs { display: none; } }

.footer-navs-sub { color: black; margin-top: 26px; }

.footer-navs-sub > li { color: black; margin-bottom: 26px; }

.footer-navs-sub > li.nav-item2 { margin-top: 60px; }

.footer-navs-sub > li a { color: rgba(0, 0, 0, 0.6); }

.footer-navs-sub > li a:hover { color: #db0000; }

.subscribe-text { font-size: 16px; color: #222222; opacity: 0.6; }

.sub-email .input-box { margin-top: 16px; border: 1px solid rgba(0, 0, 0, 0.2); width: auto; height: 40px; display: flex; flex: 1; position: relative; margin-bottom: 15px; }

.sub-email input { flex: 1; border: none; font-size: 16px; text-indent: 16px; outline: none; }

.sub-email input::placeholder { color: rgba(0, 0, 0, 0.2); font-size: 16px; }

.sub-email button { background: #9D9D9D; width: 38px; height: 100%; padding: 6px; cursor: pointer; }

.sub-email .email-icon svg { width: 100%; height: 100%; }

.sub-email .email-icon svg path { fill: #ffffff; }

.sub-email #email-error { position: absolute; bottom: -20px; left: 15px; color: #000; }

/* 联系方式 社媒分享 */
.footer-share { display: flex; justify-content: space-between; margin-top: 120px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.footer-share .footer-contacts { color: rgba(0, 0, 0, 0.6); font-size: 16px; }

.footer-share .footer-contacts > img { display: inline; height: 34px; }

.footer-share .footer-contacts .hot-line { margin-left: 38px; }

.footer-share .footer-contacts .line { margin: 0 32px; }

.footer-share .footer-social-shares { display: inline-flex; }

.footer-share .footer-social-shares > li { margin-left: 24px; position: relative; }

.footer-share .footer-social-shares > li a { display: inline-block; width: 48px; height: 48px; padding: 10px; opacity: 0.6; box-sizing: border-box; }

.footer-share .footer-social-shares > li a > svg { width: 100%; height: 100%; }

.footer-share .footer-social-shares > li a > svg path { fill: #313131; transition: fill .2s ease-in-out; }

.footer-share .footer-social-shares > li a:hover > svg path { fill: #db0000; }

.footer-share .footer-social-shares > li .qr-code { max-height: 0; bottom: 43px; left: 50%; transform: translateX(-50%); display: block; width: 111px; height: 111px; position: absolute; overflow: hidden; transition: max-height .5s; }

.footer-share .footer-social-shares > li:hover .qr-code { max-height: 111px; }

@media screen and (max-width: 767px) { .footer-share { display: none; } }

.footer-policy { color: rgba(0, 0, 0, 0.6); font-size: 16px; margin-top: 24px; }

.footer-policy .line { margin: 0 32px; }

.footer-policy .policy-links > a { margin-right: 32px; color: rgba(0, 0, 0, 0.6); }

.footer-policy .policy-links > a:hover { color: #db0000; }

@media screen and (max-width: 767px) { .footer-policy { display: none; } }

.lang-select { position: relative; float: right; display: flex; align-items: center; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.6); cursor: pointer; }

.lang-select .icon-lang { width: 20px; height: 20px; display: inline-block; margin-right: 8px; }

.lang-select .icon-lang > svg { width: 100%; height: 100%; }

.lang-select .icon-lang > svg path { fill: rgba(0, 0, 0, 0.6); }

.lang-select .select-pop { position: absolute; opacity: 0; visibility: hidden; transition: opacity .2s ease-in-out; position: absolute; bottom: 0; padding-bottom: 28px; width: 100%; }

.lang-select .lang-list { background-color: #dbdbdb; width: 100%; border-radius: 4px; font-size: 16px; text-align: center; opacity: .8; }

.lang-select .lang-list > li { padding: 10px 8px; }

.lang-select .lang-list > li a { color: #333; transition: color .2s ease-in-out; }

.lang-select .lang-list > li:hover a { color: #D4251F; }

.lang-select:hover .select-pop { opacity: 1; visibility: visible; }

@media screen and (max-width: 767px) { .lang-select { display: none; } }

.footer-mobile { display: none; }

@media screen and (max-width: 767px) { .footer-mobile { display: block; text-align: center; padding-top: 17px; padding-bottom: 17px; }
  .footer-mobile h3 { font-size: 14px; margin-bottom: 14px; font-weight: 600; }
  .footer-mobile .p1 { font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-bottom: 8px; }
  .footer-mobile .sub-email .input-box { margin-top: 16px; border: 1px solid rgba(0, 0, 0, 0.2); width: 100%; height: 40px; display: flex; flex: 1; position: relative; margin-bottom: 15px; }
  .footer-mobile .sub-email input { flex: 1; border: none; font-size: 16px; text-indent: 16px; outline: none; }
  .footer-mobile .sub-email input::placeholder { color: rgba(0, 0, 0, 0.2); font-size: 16px; }
  .footer-mobile .sub-email button { background: #9D9D9D; width: 38px; height: 100%; padding: 6px; cursor: pointer; }
  .footer-mobile .sub-email .email-icon svg { width: 100%; height: 100%; }
  .footer-mobile .sub-email .email-icon svg path { fill: #ffffff; }
  .footer-mobile .sub-email #email-error { position: absolute; bottom: -20px; left: 15px; color: #000; }
  .footer-mobile .line1 { margin: 17px 0 33px; background-color: rgba(0, 0, 0, 0.1); height: 1px; width: 100%; display: inline-block; }
  .footer-mobile .p2 { font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-bottom: 34px; }
  .footer-mobile .policy-links a { color: rgba(0, 0, 0, 0.6); font-size: 14px; }
  .footer-mobile .footer-shares-m { display: flex; justify-content: space-between; width: 52%; margin-left: auto; margin-right: auto; margin-bottom: 16px; }
  .footer-mobile .footer-shares-m > li a { display: inline-block; width: 32px; height: 32px; }
  .footer-mobile .footer-shares-m > li a > svg { width: 100%; height: 100%; }
  .footer-mobile .footer-shares-m > li a > svg path { fill: rgba(34, 34, 34, 0.6); }
  .footer-mobile .p3 { font-size: 10px; color: rgba(0, 0, 0, 0.6); line-height: 1.5; } }

.footer-mobile .footerphone-menu { flex-wrap: wrap; margin-top: 25px; text-align: left; margin-bottom: 25px; }

.footer-mobile .footerphone-menu li { text-align: left; position: relative; width: 100%; padding: 5px 0; padding-bottom: 0; cursor: pointer; }

.footer-mobile .footerphone-menu h3 { line-height: 40px; position: relative; margin-bottom: 0; border-bottom: 1px solid #464646; display: flex; justify-content: space-between; padding-bottom: 5px; }

.footer-mobile .footerphone-menu h3 a { font-size: 16px; color: #000000; }

.footer-mobile .footerphone-menu h3 .open { display: block; }

.footer-mobile .footerphone-menu h3 .close { display: none; }

.footer-mobile .footerphone-menu h3.cur .open { display: none; }

.footer-mobile .footerphone-menu h3.cur .close { display: block; }

.footer-mobile .footerphone-menu .footer-subnav { margin-left: 25px; display: none; will-change: height; }

.footer-mobile .footerphone-menu .footer-subnav a { padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #666; display: block; line-height: 25px; }

#emailConcat .g-recaptcha { display: none; }

#emailConcat.on .g-recaptcha { display: block; }

.footerphone-menu-trf { flex-wrap: wrap; margin-top: 25px; text-align: left; margin-bottom: 25px; will-change: height; }

.footerphone-menu-trf li { text-align: left; position: relative; width: 100%; padding: 5px 0; padding-bottom: 0; cursor: pointer; }

.footerphone-menu-trf h3 { line-height: 40px; position: relative; margin-bottom: 0; border-bottom: 1px solid #464646; display: flex; justify-content: space-between; padding-bottom: 5px; }

.footerphone-menu-trf h3 a { font-size: 16px; color: #000000; }

.footerphone-menu-trf h3 .open { display: block; }

.footerphone-menu-trf h3 .close { display: none; }

.footerphone-menu-trf h3.cur .open { display: none; }

.footerphone-menu-trf h3.cur .close { display: block; }

.footerphone-menu-trf .footer-subnav { margin-left: 25px; overflow: hidden; height: 0; }

.footerphone-menu-trf .footer-subnav a { padding: 10px 0; border-bottom: 1px solid #ccc; font-size: 16px; color: #666; display: block; line-height: 25px; }

/* common 样式 start */
.video-btn-play-mobile { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: .8rem; height: .8rem; }

/* common 样式 end */
@media screen and (max-width: 767px) { .test { color: red; } }

html, body { font-family: "SourceHanSansCN-Regular", "Arial", "微软雅黑","sans-serif","microsoft yahei" !important; }