@charset "UTF-8";
[v-cloak] { display: none; }

.head, .my_swiper, .session, .index_center_art, .tryOut, footer, .page_banner { max-width: 100%; margin: auto; }

img { -webkit-user-drag: none; }

.swiper-container { height: 100%; }

.mobilebox { display: none; }

.mobilemask { display: none; }

.no_use { position: fixed; max-width: 800px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 24px; line-height: 1.5; }

.no_use .no_use_img { display: inline-block; width: 200px; height: 200px; background: url(../img/noUse.png) no-repeat 100% 100%; background-size: cover; }

.head { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; z-index: 100; height: 70px; border-bottom: 1px solid #425662; transition-duration: 0.5s; }

.head .layui-container { display: flex; justify-content: space-between; align-items: center; height: 100%; }

.head .layui-container .logo { min-width: 104px; margin-right: 7%; }

.head .layui-container .logo img { height: 50px; }

.head .layui-container .nav { display: flex; align-items: center; height: 100%; }

.head .layui-container .nav .nav_li { height: 100%; margin-right: 40px; position: relative; }

.head .layui-container .nav .nav_li .nav_second { position: absolute; left: 50%; width: calc(100% + 80px); top: calc(100% + 50px); opacity: 0; height: 0; overflow: hidden; transform: translateX(-50%); transition-duration: 0.5s; }

.head .layui-container .nav .nav_li .nav_second .nav_second_li { padding: 15px 30px; background-color: #2a8bcb; text-align: center; background: linear-gradient(to right, rgba(0, 11, 31, 0.8), rgba(1, 43, 68, 0.8)); }

.head .layui-container .nav .nav_li .nav_second .nav_second_li a { display: block; width: 100%; font-size: var(--font_six, 16px); text-align: left; color: #fff; transition-duration: 0.5s; }

.head .layui-container .nav .nav_li .nav_second .nav_second_li a:hover { color: #2a8bcb; }

.head .layui-container .nav .nav_li:hover .nav_second { top: 100%; opacity: 1; height: auto; }

.head .layui-container .nav .nav_li > a { height: 100%; display: flex; align-items: center; justify-content: center; width: 84px; position: relative; font-size: 18px; font-size: var(--font_five, 18px); color: #fff; }

.head .layui-container .nav .nav_li > a::after { content: ''; display: block; position: absolute; height: 4px; width: 0; bottom: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); transition-duration: 0.5s; }

.head .layui-container .nav .nav_li > a:hover::after { width: 100%; }

.head .layui-container .nav .nav_li:last-child { margin-right: 0; }

.head .layui-container .head_tel { margin-left: 7%; color: #fff; font-size: 16px; font-size: var(--font_six, 16px); }

.head .layui-container .head_tel .tei_icon { display: inline-block; padding: 4px; border: 1px solid #fff; border-radius: 50%; margin-right: 8px; }

.head .layui-container .head_tel .tei_icon img { width: 18px; }

.head .layui-container .head_sign a { background-color: transparent; border: 1px solid #fff; display: inline-block; padding: 3px 14px; color: #fff; border-radius: 50px; margin-right: 10px; font-size: 16px; font-size: var(--font_six, 16px); transition-duration: 0.5s; cursor: pointer; }

.head .layui-container .head_sign a:last-child { margin-right: 0; }

.head .layui-container .head_sign a:hover { border: 1px solid #2a8bcb; background-color: #2a8bcb; }

.my_swiper { height: 800px; position: relative; overflow: hidden; }

.my_swiper .ripple { position: absolute; left: 0; bottom: -82px; width: 100%; z-index: 10; }

.my_swiper .ripple use { animation: move-forever 12s linear infinite; transform-origin: 50% 50%; }

.my_swiper .ripple use:nth-child(2) { animation-delay: -2s; animation-duration: 5s; -webkit-animation-duration: 5s; }

@keyframes move-forever { 0% { transform: translate(-90px, 0%); }
  100% { transform: translate(85px, 0%); } }

.my_swiper .swiper-slide { position: relative; }

.my_swiper .swiper-slide .swiper_art { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; }

.my_swiper .swiper-slide .swiper_art h4 { font-size: 48px; font-size: var(--font_one, 48px); margin-bottom: 40px; }

.my_swiper .swiper-slide .swiper_art p { font-size: 24px; font-size: var(--font_four, 24px); max-width: 510px; }

.my_swiper .swiper-slide .swiper_art .swiper_art_bn { display: flex; align-items: center; line-height: 1; margin-top: 30px; }

.my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_bn_colorful { background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); color: #fff; border-radius: 50px; padding: 15px 60px; font-size: 18px; font-size: var(--font_five, 18px); margin-right: 45px; z-index: 99999; }

.my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_border_colorful { padding: 15px 60px; font-size: 18px; font-size: var(--font_five, 18px); color: #fff; border-radius: 50px; position: relative; background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); }

.my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_border_colorful span { z-index: 3; position: relative; }

.my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_border_colorful::after { content: ''; position: absolute; top: 1px; left: 1px; width: calc(100% - 2px); height: calc(100% - 2px); z-index: 1; border-radius: 50px; background-color: #011329; }

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

.my_swiper .swiper-pagination { bottom: 30px; }

.my_swiper .swiper-pagination-bullet { width: 25px; height: 4px; border-radius: 50px; background-color: #fff; opacity: 0.3; margin: 0 4px; transition-duration: 0.5s; }

.my_swiper .swiper-pagination-bullet-active { opacity: 1; }

.session { padding: 85px 0; position: relative; overflow: hidden; }

.session .session_tit { text-align: center; font-size: 32px; font-size: var(--font_two, 32px); max-width: 800px; margin: auto; margin-bottom: 60px; font-weight: lighter; }

.session .session_tit .session_des { color: #93c4e0; font-size: 16px; font-size: var(--font_six, 16px); margin-top: 35px; }

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

.session .memo_list .memo_li { width: calc((100% - 121px)/3); position: relative; }

.session .memo_list .memo_li .memo_bg { width: 100%; }

.session .memo_list .memo_li .memo_art { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 45px; color: #fff; }

.session .memo_list .memo_li .memo_art .memo_icon { width: 50px; height: 50px; margin-bottom: 20px; }

.session .memo_list .memo_li .memo_art .memo_icon img { width: 100%; height: 100%; }

.session .memo_list .memo_li .memo_art .memo_tit { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 20px; line-height: 1.2; }

.session .memo_list .memo_li .memo_art .memo_des { line-height: 1.8; height: 45px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }

.index_center_art { position: relative; background: linear-gradient(45deg, #0f3e59, #006495); color: #fff; overflow: hidden; }

.index_center_art .index_line_bg { position: absolute; left: 0; top: 50%; opacity: .5; width: 100%; transform: translateY(-50%); }

.index_center_art .era_art { display: flex; align-items: center; justify-content: space-between; }

.index_center_art .era_art .era_li { width: calc((100% - 12px)/4); height: 345px; position: relative; border-radius: 5px; overflow: hidden; cursor: pointer; }

.index_center_art .era_art .era_li::after { content: ''; width: 0; height: 4px; display: inline-block; position: absolute; left: 0; top: 0; background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; transition-duration: 0.5s; }

.index_center_art .era_art .era_li::before { content: ''; width: 0; height: 4px; display: inline-block; position: absolute; right: 0; bottom: 0; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; transition-duration: 0.5s; }

.index_center_art .era_art .era_li:hover::after, .index_center_art .era_art .era_li.hover::after { width: 100%; }

.index_center_art .era_art .era_li:hover::before, .index_center_art .era_art .era_li.hover::before { width: 100%; }

.index_center_art .era_art .era_li:hover .era_bg::after, .index_center_art .era_art .era_li.hover .era_bg::after { height: 100%; }

.index_center_art .era_art .era_li:hover .era_bg::before, .index_center_art .era_art .era_li.hover .era_bg::before { height: 100%; }

.index_center_art .era_art .era_li:hover .era_bg .era_block, .index_center_art .era_art .era_li.hover .era_bg .era_block { background-color: rgba(55, 153, 216, 0.3); }

.index_center_art .era_art .era_li:hover .era_bg .era_block .era_icon img:first-child, .index_center_art .era_art .era_li.hover .era_bg .era_block .era_icon img:first-child { opacity: 0; }

.index_center_art .era_art .era_li:hover .era_bg .era_block .era_icon img:last-child, .index_center_art .era_art .era_li.hover .era_bg .era_block .era_icon img:last-child { opacity: 1; }

.index_center_art .era_art .era_li .era_bg { width: 100%; height: 100%; }

.index_center_art .era_art .era_li .era_bg::after { content: ''; height: 0; width: 4px; display: inline-block; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; transition-duration: 0.5s; }

.index_center_art .era_art .era_li .era_bg::before { content: ''; height: 0; width: 4px; display: inline-block; position: absolute; right: 0; top: 0; background: linear-gradient(to bottom, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; transition-duration: 0.5s; }

.index_center_art .era_art .era_li .era_bg .era_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.index_center_art .era_art .era_li .era_bg .era_block { position: relative; height: 100%; background-color: #3799d8; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 6; transition-duration: 0.5s; }

.index_center_art .era_art .era_li .era_bg .era_block .era_icon { width: 84px; height: 84px; position: relative; }

.index_center_art .era_art .era_li .era_bg .era_block .era_icon img { position: absolute; width: 100%; height: 100%; transition-duration: 0.5s; }

.index_center_art .era_art .era_li .era_bg .era_block .era_icon img:last-child { opacity: 0; }

.index_center_art .era_art .era_li .era_bg .era_block h4 { font-size: 24px; font-size: var(--font_four, 24px); margin-top: 30px; }

.index_center_art .features { position: relative; }

.index_center_art .features .swiper-slide { opacity: 0 !important; }

.index_center_art .features .swiper-slide-active { opacity: 1 !important; }

.index_center_art .features .features_art { display: flex; justify-content: space-between; max-width: 932px; margin: auto; padding-top: 100px; position: relative; }

.index_center_art .features .features_art .swiper-button-prev { background-image: url(../img/left.png); width: 70px; height: 70px; background-size: cover; left: 0; bottom: 80px; top: auto; }

.index_center_art .features .features_art .swiper-button-next { background-image: url(../img/right.png); width: 70px; height: 70px; background-size: cover; left: 125px; bottom: 80px; top: auto; }

.index_center_art .features .features_art .features_val { width: calc(45%); padding: 40px 0; }

.index_center_art .features .features_art .features_val h4 { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 45px; }

.index_center_art .features .features_art .features_val p { line-height: 1.5; }

.index_center_art .features .features_art .features_img { width: calc(45%); position: relative; aspect-ratio: 1/1; }

.index_center_art .features .features_art .features_img img { width: 100%; height: 100%; object-fit: cover; }

.index_center_art .features .swiper-pagination { top: 0; left: 50%; display: flex; transform: translateX(-50%); width: 100%; justify-content: center; }

.index_center_art .features .swiper-pagination .swiper-pagination-bullet { width: auto; height: auto; background: none; opacity: 1; font-size: 16px; font-size: var(--font_six, 16px); color: #95c6e0; margin: 0 40px; }

.index_center_art .features .swiper-pagination .swiper-pagination-bullet-active { color: #fff; }

.index_center_art .features::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; top: 45px; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); }

.service_art { position: relative; }

.service_art::after { content: ''; display: block; height: 100%; width: 3px; position: absolute; left: calc(100% / 3); top: 0; background: linear-gradient(to top, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); transform: translateX(-50%); border-radius: 50%; }

.service_art::before { content: ''; display: block; height: 100%; width: 3px; position: absolute; left: calc(100% / 3 * 2); top: 0; background: linear-gradient(to top, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); transform: translateX(-50%); border-radius: 50%; }

.service_art .service_bg { display: flex; justify-content: space-between; flex-wrap: wrap; }

.service_art .service_bg::after { content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; top: 50%; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); transform: translateY(-50%); border-radius: 50%; }

.service_art .service_bg .service_li { width: calc((100% - 3px)/3); box-sizing: border-box; padding: 40px 8%; }

.service_art .service_bg .service_li .service_icon { text-align: center; width: 88px; height: 88px; margin: auto; margin-bottom: 25px; }

.service_art .service_bg .service_li .service_icon img { width: 100%; height: 100%; }

.service_art .service_bg .service_li .service_tit { text-align: center; font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 24px; color: #000; font-weight: 600; }

.service_art .service_bg .service_li .service_des { color: #868e91; }

.case { position: relative; }

.case .index_line_bg { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.case .case_swiper { position: relative; }

.case .case_swiper .case_prev_bn { background: url(../img/case_left.png); width: 36px; height: 36px; background-size: cover; opacity: .5; position: absolute; left: 0; top: 68%; z-index: 5; transform: translateX(-50%) translateY(-50%); margin-top: -40px; cursor: pointer; transition-duration: 0.5s; }

.case .case_swiper .case_prev_bn:hover { opacity: 1; }

.case .case_swiper .case_next_bn { background: url(../img/case_right.png); width: 36px; height: 36px; background-size: cover; opacity: .5; position: absolute; right: 0; top: 68%; z-index: 5; transform: translateX(50%) translateY(-50%); margin-top: -40px; cursor: pointer; transition-duration: 0.5s; }

.case .case_swiper .case_next_bn:hover { opacity: 1; }

.case .case_container .swiper-pagination { position: relative; width: 130px; height: 5px; background-color: #b9cdd8; border-radius: 50px; overflow: hidden; margin: 0 auto; margin-top: 80px; }

.case .case_container .swiper-pagination .swiper-pagination-progressbar-fill { height: 5px; background-color: #06527a; }

.case .case_container .case_li { background-color: #fff; position: relative; border-radius: 5px; overflow: hidden; }

.case .case_container .case_li::after { content: ''; width: 100%; height: 2px; display: inline-block; position: absolute; left: 0; top: 0; background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; opacity: 0; transition-duration: 0.5s; }

.case .case_container .case_li::before { content: ''; width: 100%; height: 2px; display: inline-block; position: absolute; right: 0; bottom: 0; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; opacity: 0; transition-duration: 0.5s; }

.case .case_container .case_li:hover::after { width: 100%; opacity: 1; }

.case .case_container .case_li:hover::before { width: 100%; opacity: 1; }

.case .case_container .case_li:hover .case_bg::after { height: 100%; opacity: 1; }

.case .case_container .case_li:hover .case_bg::before { height: 100%; opacity: 1; }

.case .case_container .case_li:hover .case_bg .case_tit { color: #08537b; }

.case .case_container .case_li .case_bg { width: 100%; height: 100%; padding: 20px 10%; box-sizing: border-box; text-align: center; }

.case .case_container .case_li .case_bg::after { content: ''; height: 100%; width: 2px; display: inline-block; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; opacity: 0; transition-duration: 0.5s; }

.case .case_container .case_li .case_bg::before { content: ''; height: 100%; width: 2px; display: inline-block; position: absolute; right: 0; top: 0; background: linear-gradient(to bottom, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); z-index: 5; opacity: 0; transition-duration: 0.5s; }

.case .case_container .case_li .case_bg .case_img { height: 90px; margin-top: 16px; }

.case .case_container .case_li .case_bg .case_img img { height: 100%; max-width: 100%; object-fit: contain; }

.case .case_container .case_li .case_bg .case_tit { margin: 15px 0; height: 21px; overflow: hidden; line-height: 1.5; transition-duration: 0.5s; /* display: -webkit-box; */ -webkit-line-clamp: 1; overflow: hidden; }

.tryOut { background: linear-gradient(45deg, #0f3e59, #006495); color: #fff; overflow: hidden; }

.tryOut .layui-container { position: relative; }

.tryOut .layui-container .tryOut_bg { position: absolute; right: 16%; top: 0; }

.tryOut .tryOut_art { z-index: 2; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: auto; position: relative; }

.tryOut .tryOut_art .tryOut_inp { flex: 1; }

.tryOut .tryOut_art .tryOut_inp input { width: 100%; height: 50px; padding: 0 20px; box-sizing: border-box; font-size: 16px; font-size: var(--font_six, 16px); color: #0f3e5b; border-radius: 3px; }

.tryOut .tryOut_art .tryOut_submit { margin-left: 10px; }

.tryOut .tryOut_art .tryOut_submit a { display: inline-block; color: #fff; font-size: 16px; font-size: var(--font_six, 16px); padding: 0 20px; line-height: 48px; border-radius: 3px; border: 1px solid #fff; cursor: pointer; }

footer { background-color: #222222; }

footer .foot_bg { padding: 50px 0; display: flex; justify-content: space-between; }

footer .foot_bg .foot_val { margin-right: 10%; }

footer .foot_bg .foot_val .foot_logo { height: 50px; margin-bottom: 15px; }

footer .foot_bg .foot_val .foot_logo img { height: 100%; }

footer .foot_bg .foot_val .foot_tit { color: #fff; margin-bottom: 15px; font-size: 16px; font-size: var(--font_six, 16px); }

footer .foot_bg .foot_val .foot_tel { color: #2e94d9; font-size: 16px; font-size: var(--font_six, 16px); }

footer .foot_bg .foot_nav { flex: 1; display: flex; justify-content: space-between; }

footer .foot_bg .foot_nav .foot_nav_list { text-align: center; }

footer .foot_bg .foot_nav .foot_nav_list .foot_nav_tit { color: #fff; font-size: 18px; font-size: var(--font_five, 18px); border-bottom: 2px solid #474747; display: inline-block; padding: 5px 0; margin-bottom: 15px; }

footer .foot_bg .foot_nav .foot_nav_list .foot_nav_li { display: block; color: #c4c4c4; margin-bottom: 12px; }

footer .foot_bg .foot_earm { margin-left: 10%; }

footer .foot_bg .foot_earm .foot_nav_tit { color: #fff; font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 30px; }

footer .foot_bg .foot_earm .foot_earm_img { width: 100%; max-width: 100px; }

footer .foot_bg .foot_earm .foot_earm_img img { width: 100%; }

footer .foot_bg .foot_earm p { color: #c4c4c4; text-align: center; padding: 5px 0; font-size: 18px; font-size: var(--font_five, 18px); }

footer .foot_icp { margin: auto; text-align: center; color: #666666; border-top: 2px solid #666666; padding: 25px 0; }

footer .foot_icp a { color: #666666; }

.page_banner { position: relative; }

.page_banner .page_banner_img { width: 100%; min-height: 200px; object-fit: cover; }

.page_banner .page_banner_art { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; }

.page_banner .page_banner_art .page_tit { font-size: 48px; font-size: var(--font_one, 48px); margin-bottom: 10px; }

.page_banner .page_banner_art .page_des { font-size: 16px; font-size: var(--font_six, 16px); max-width: 500px; }

.page_banner .page_menu { position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(9, 62, 96, 0.5); }

.page_banner .page_menu .page_menu_bg { display: flex; justify-content: space-between; align-items: center; }

.page_banner .page_menu .page_menu_bg .page_nav { display: flex; align-items: center; padding: 16px 0; }

.page_banner .page_menu .page_menu_bg .page_nav .page_nav_li:hover a { color: #2a8bcb; }

.page_banner .page_menu .page_menu_bg .page_nav a { display: inline-block; color: #fff; padding: 10px 25px; font-size: 16; font-size: var(--font_six, 16px); border-radius: 50px; line-height: 1; cursor: pointer; transition-duration: 0.5s; }

.page_banner .page_menu .page_menu_bg .page_nav .page_nav_active { background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); color: #fff !important; }

.page_banner .page_menu .page_menu_bg .page_bread { color: #c6c6c7; }

.page_banner .page_menu .page_menu_bg .page_bread img { height: 20px; margin-right: 10px; }

.page_banner .page_menu .page_menu_bg .page_bread a { color: #c6c6c7; transition-duration: 0.5s; cursor: pointer; }

.page_banner .page_menu .page_menu_bg .page_bread a::after { content: '-'; }

.page_banner .page_menu .page_menu_bg .page_bread a:hover { color: #fff; }

.page_banner .page_menu .page_menu_bg .page_bread a:last-child::after { content: none; }

.pro_session_tit { text-align: center; font-size: 32px; font-size: var(--font_two, 32px); font-weight: lighter; position: relative; margin-bottom: 60px; }

.pro_session_tit::after { content: ''; display: block; height: 4px; width: 78px; position: absolute; bottom: -15px; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); left: 50%; transform: translateX(-50%); }

.pro_session_tab { display: flex; align-items: center; justify-content: center; justify-content: space-evenly; box-sizing: border-box; border-bottom: 4px solid #e4e8ec; height: 60px; font-size: 18px; font-size: var(--font_five, 18px); }

.pro_session_tab .pro_session_tab_li { height: 100%; display: flex; align-items: center; padding: 0 50px; position: relative; transition-duration: 0.5s; cursor: pointer; }

.pro_session_tab .pro_session_tab_li:last-child { margin-right: 0; }

.pro_session_tab .pro_session_tab_li::after { content: ''; display: block; height: 4px; width: 0; position: absolute; bottom: -4px; background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); left: 50%; transform: translateX(-50%); transition-duration: 0.5s; }

.pro_session_tab .pro_session_tab_li:hover { color: #2a88cb; }

.pro_session_tab .pro_session_tab_li:hover::after { width: 100%; }

.pro_session_tab .tab_active { color: #2a88cb; }

.pro_session_tab .tab_active::after { width: 100%; }

.pro_session { background-color: #f3f7fa; padding-top: 95px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_tit { font-size: 26px; font-size: var(--font_three, 26px); text-align: center; padding: 60px 0 35px 0; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature { display: flex; flex-wrap: wrap; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li { width: calc(100% / 5); box-sizing: border-box; border-radius: 5px; background-color: #fff; text-align: center; border: 1px solid #f3f8f9; padding: 60px 50px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li .pro_feature_icon { height: 56px; width: 56px; margin: auto; margin-bottom: 20px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li .pro_feature_icon img { width: 100%; height: 100%; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li .pro_feature_tit { font-size: 18px; font-size: var(--font_five, 18px); font-weight: 500; color: #000; margin-bottom: 12px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li .pro_feature_des { color: #666666; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li { display: flex; background-color: #fff; padding: 0 50px; border-radius: 5px; box-shadow: 0 0 15px #eee; overflow: hidden; position: relative; margin-bottom: 20px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li::after { content: ''; width: 100%; height: 0; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background-color: #4978ff; transition-duration: 0.5s; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_icon { height: 140px; display: flex; align-items: center; margin-right: 50px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_icon img { max-height: 80%; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art { flex: 1; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head { height: 140px; display: flex; justify-content: space-between; align-items: center; z-index: 2; position: relative; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head .pro_fun_tit { flex: 1; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head .pro_fun_tit h4 { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 15px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head .pro_fun_tit p { font-size: 16px; font-size: var(--font_six, 16px); }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head .pro_fun_bn { transition-duration: 0.5s; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head .pro_fun_bn img { height: 40px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .fun_active .pro_fun_bn { opacity: 0; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val { padding: 50px 0; padding-top: 0; position: relative; display: none; width: 100% !important; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_bg { position: absolute; right: 0; bottom: 0; transform: translateY(60%); z-index: 1; max-width: 300px; opacity: 0; transition-duration: 0.5s; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li { display: flex; align-items: flex-start; margin-bottom: 25px; z-index: 2; position: relative; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li:last-child { margin-bottom: 0; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_tit { display: flex; align-items: center; font-size: 18px; font-size: var(--font_five, 18px); }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_tit img { height: 18px; margin-right: 10px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_des { line-height: 1; margin-left: 40px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_des p { padding: 3px 0; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_des p::before { content: ''; width: 6px; height: 6px; display: inline-block; background-color: #4a78fd; border-radius: 50%; margin-right: 10px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .fun_active::after { height: 6px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg { background-color: #fff; margin-top: 95px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list { display: flex; flex-wrap: wrap; margin-right: -40px; margin-bottom: 100px; }

.pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li { width: calc((100% - 160px)/4); margin-right: 40px; box-shadow: 0 0 15px #ddd; height: 230px; display: flex; align-items: center; justify-content: center; position: relative; }

.pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li::after { content: ''; width: 100%; height: 6px; left: 0; bottom: 0; display: block; position: absolute; background-color: #4979fd; border-radius: 50px 50px 0 0; }

.pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li img { max-width: 80%; max-height: 80%; object-fit: contain; }

.pro_session .claim { padding: 68px 0; }

.pro_session .device { padding: 100px 0; }

.pro_session .device .device_table .device_table_head { display: flex; align-items: center; }

.pro_session .device .device_table .device_table_head .device_table_head_li { flex: 1; text-align: center; font-size: 18px; font-size: var(--font_five, 18px); cursor: pointer; transition-duration: 0.5s; }

.pro_session .device .device_table .device_table_head .device_table_head_li:hover { color: #278dc8; }

.pro_session .device .device_table .device_table_head .device_table_head_li .device_table_head_icon { width: 66px; height: 66px; margin: auto; margin-bottom: 15px; }

.pro_session .device .device_table .device_table_head .device_table_head_li .device_table_head_icon img { width: 100%; height: 100%; }

.pro_session .device .device_table .device_table_head .device_active { color: #278dc8; position: relative; }

.pro_session .device .device_table .device_table_head .device_active::after { content: ''; position: absolute; left: 50%; top: 100%; display: block; margin-left: -20px; width: 20px; height: 20px; background: linear-gradient(to bottom right, transparent 50%, #f3f8f9 50%, #90c2e2 100%); transform: rotateZ(-135deg) translateX(-50%); }

.pro_session .device .device_table .device_table_result { margin-top: 20px; background-color: #f3f7fa; border-radius: 3px; padding: 40px 55px; }

.pro_session .device .device_table .device_table_result .device_table_result_li { display: none; }

.pro_session .device .device_table .device_table_result .device_table_result_li:first-child { display: block; }

.pro_session .device .device_table .device_table_result .device_art_list { display: flex; flex-wrap: wrap; margin-right: -70px; }

.pro_session .device .device_table .device_table_result .device_art_list .device_art_li { width: calc((100% - 280px)/4); margin-right: 70px; padding: 40px 0; }

.pro_session .device .device_table .device_table_result .device_art_list .device_art_li h4 { font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 15px; font-weight: 500; display: flex; }

.pro_session .device .device_table .device_table_result .device_art_list .device_art_li p { color: #666666; line-height: 1.3; }

.pro_session .device .device_table .device_table_result .device_art_list .device_hot h4::after { content: 'HOT'; height: 15px; color: #fff; display: inline-block; padding: 2px 3px; background-color: #f54e2e; border-radius: 3px; line-height: 1; font-size: 14px; margin-left: 10px; }

.pro_session .device .device_program { margin-top: 70px; }

.pro_session .device .device_program .device_program_tit { text-align: center; font-size: 26px; font-size: var(--font_three, 26px); margin-bottom: 55px; }

.pro_session .device .device_program .device_program_list { display: flex; margin-right: -15px; flex-wrap: wrap; }

.pro_session .device .device_program .device_program_list .device_program_li { width: calc((100% - 60px)/4); margin-right: 15px; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_img { border: 1px solid #eee; padding: 60px; height: 340px; box-sizing: border-box; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_img img { width: 100%; height: 100%; object-fit: contain; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val { padding: 15px 20px; padding-right: 100px; background-color: #f3f7fa; border-top: 4px solid #fff; position: relative; transition-duration: 0.5s; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val h4 { font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 5px; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val p { color: #666666; transition-duration: 0.5s; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val::after { content: ''; width: 36px; height: 36px; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background-image: url(../img/jiantou01.png); background-size: cover; background-repeat: no-repeat; transition-duration: 0.5s; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val:hover { background-color: #3799d8; color: #fff; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val:hover p { color: #fff; }

.pro_session .device .device_program .device_program_list .device_program_li .device_program_val:hover::after { background-image: url(../img/jiantou02.png); }

.pro_session .version { padding: 65px; }

/* 这里公共table样式 */
.my_table .my_table_head { display: flex; align-items: center; }

.my_table .my_table_head .my_table_tit { width: 20%; text-align: center; padding: 20px 0; background-color: #0e3d59; border-radius: 5px; color: #fff; font-size: 24px; font-size: var(--font_four, 24px); font-weight: lighter; }

.my_table .my_table_head .my_table_big { flex: 1; margin-left: 10px; }

.my_table .my_table_head .my_table_big .my_table_th { display: flex; padding: 20px 8%; background-color: #0e3d59; border-radius: 5px; color: #fff; font-size: 24px; font-size: var(--font_four, 24px); font-weight: lighter; }

.my_table .my_table_head .my_table_big .my_table_th .my_table_th_li { flex: 1; }

.my_table .my_table_head .my_table_big_no_padding { flex: 1; margin-left: 10px; }

.my_table .my_table_head .my_table_big_no_padding .my_table_th { display: flex; padding: 20px 0; text-align: center; background-color: #0e3d59; border-radius: 5px; color: #fff; font-size: 24px; font-size: var(--font_four, 24px); font-weight: lighter; }

.my_table .my_table_head .my_table_big_no_padding .my_table_th .my_table_th_li { flex: 1; }

.my_table .my_table_art { display: flex; padding: 20px 0; border-bottom: 2px solid #0d3e5a; }

.my_table .my_table_art .my_table_tit { width: 20%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-size: var(--font_four, 24px); }

.my_table .my_table_art .my_table_big { flex: 1; margin-left: 10px; }

.my_table .my_table_art .my_table_big .my_table_td { display: flex; padding: 15px 8%; border-radius: 5px; font-size: 18px; font-size: var(--font_five, 18px); font-weight: lighter; }

.my_table .my_table_art .my_table_big .my_table_td:nth-child(odd) { background-color: #f7f7f7; }

.my_table .my_table_art .my_table_big .my_table_td .my_table_td_li { flex: 1; }

.my_table .my_table_clovk { padding-top: 20px; border-bottom: 2px solid #0d3e5a; }

.my_table .my_table_clovk .my_table_clovk_td { display: flex; height: 58px; align-items: center; }

.my_table .my_table_clovk .my_table_clovk_td .my_table_tit { width: 20%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-size: var(--font_five, 18px); height: 100%; }

.my_table .my_table_clovk .my_table_clovk_td .my_table_big { flex: 1; margin-left: 10px; display: flex; align-items: center; height: 100%; }

.my_table .my_table_clovk .my_table_clovk_td .my_table_big .my_table_td_li { flex: 1; text-align: center; }

.my_table .my_table_clovk .my_table_clovk_td .my_table_big .my_table_td_flex_3 { flex: 3; text-align: left; }

.my_table .my_table_clovk .my_table_clovk_td:nth-child(odd) .my_table_tit { background-color: #f7f7f7; }

.my_table .my_table_clovk .my_table_clovk_td:nth-child(odd) .my_table_big { background-color: #f7f7f7; }

.rfid { position: relative; overflow: hidden; padding-bottom: 100px; }

.rfid .index_line_bg { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }

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

.rfid .rfid_list .rfid_li { width: calc((100% - 60px)/4); background-color: #fff; box-shadow: 0 0 18px #a7b1b4; position: relative; border-radius: 5px; overflow: hidden; text-align: center; cursor: pointer; }

.rfid .rfid_list .rfid_li::after { content: ''; display: block; width: 100%; height: 0; background-color: #2a8bcb; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition-duration: 0.5s; }

.rfid .rfid_list .rfid_li:hover::after, .rfid .rfid_list .rfid_li.hover::after { opacity: 1; height: 6px; }

.rfid .rfid_list .rfid_li .rfid_icon { padding: 20px; height: 120px; }

.rfid .rfid_list .rfid_li .rfid_icon img { height: 100%; max-width: 100%; }

.rfid .rfid_list .rfid_li .rfid_tit { font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 8px; padding: 0 20px; }

.rfid .rfid_list .rfid_li .rfid_des { color: #666666; margin-bottom: 25px; padding: 0 20px; }

.rfid_pro_table .pro_session_tab { padding: 0 10%; }

.rfid_pro_table .rfid_pro_list { display: flex; flex-wrap: wrap; margin-top: 50px; margin-right: -10px; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li { width: calc((100% - 30px)/3); box-sizing: border-box; margin-right: 10px; border: 1px solid #eee; padding: 60px; text-align: center; margin-bottom: 10px; border-radius: 3px; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li .rfid_pro_name { font-size: 26px; font-size: var(--font_three, 26px); font-weight: 600; margin-bottom: 35px; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li .rfid_pro_set { display: flex; align-items: center; justify-content: center; margin-bottom: 35px; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li .rfid_pro_set a { color: #2a8bcb; cursor: pointer; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li .rfid_pro_set a:first-child { margin-right: 20px; }

.rfid_pro_table .rfid_pro_list .rfid_pro_li .rfid_pro_img img { max-width: 80%; }

.deviceXq_head { display: flex; align-items: flex-start; }

.deviceXq_head .deviceXq_block_img { display: flex; width: 43%; margin-right: 60px; }

.deviceXq_head .deviceXq_block_img .deviceXq_show_img { flex: 1; margin-right: 10px; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; }

.deviceXq_head .deviceXq_block_img .deviceXq_show_img img { max-width: 80%; min-width: 60%; min-height: 80%; max-height: 90%; object-fit: contain; }

.deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .deviceXq_wait_img_li { height: 108px; width: 108px; display: flex; align-items: center; justify-content: center; border: 1px solid #eee; margin-bottom: 20px; cursor: pointer; }

.deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .deviceXq_wait_img_li:last-child { margin-bottom: 0; }

.deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .deviceXq_wait_img_li img { max-width: 80%; min-width: 60%; min-height: 80%; max-height: 80%; object-fit: contain; }

.deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .wait_active { border: 1px solid #2a8bcb; box-sizing: border-box; }

.deviceXq_head .deviceXq_art { flex: 1; }

.deviceXq_head .deviceXq_art .deviceXq_art_head h4 { font-size: 26px; font-size: var(--font_three, 26px); color: #000; margin-bottom: 10px; font-weight: 600; }

.deviceXq_head .deviceXq_art .deviceXq_art_head p { color: #999999; }

.deviceXq_head .deviceXq_art .deviceXq_price { display: flex; align-items: center; margin-top: 60px; height: 88px; background-color: #fafafa; }

.deviceXq_head .deviceXq_art .deviceXq_price .deviceXq_text { margin-right: 40px; }

.deviceXq_head .deviceXq_art .deviceXq_price .deviceXq_price_num { color: #c45b5b; font-size: 26px; font-size: var(--font_three, 26px); font-weight: 600; }

.deviceXq_head .deviceXq_art .deviceXq_price .deviceXq_price_num span { font-size: 16px; font-size: var(--font_six, 16px); }

.deviceXq_head .deviceXq_art .deviceXq_fast { margin: 40px 0; display: flex; align-items: center; }

.deviceXq_head .deviceXq_art .deviceXq_fast .deviceXq_text { margin-right: 25px; }

.deviceXq_head .deviceXq_art .deviceXq_fast .deviceXq_fast_area { font-size: 18px; font-size: var(--font_five, 18px); font-weight: 600; }

.deviceXq_head .deviceXq_art .deviceXq_fast .deviceXq_fast_area a { color: #a3a3a3; margin-left: 20px; font-weight: 500; cursor: pointer; }

.deviceXq_head .deviceXq_art .deviceXq_attr { display: flex; margin-bottom: 20px; margin-top: 30px; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list { display: flex; flex-wrap: wrap; flex: 1; margin-left: 10px; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list .deviceXq_attr_li { height: 40px; display: flex; align-items: center; border: 1px solid #cacaca; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list .deviceXq_attr_li .deviceXq_attr_li_img { background-color: #fafafa; height: 100%; display: flex; align-items: center; justify-content: center; width: 40px; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list .deviceXq_attr_li .deviceXq_attr_li_img img { max-height: 80%; max-width: 90%; object-fit: contain; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list .deviceXq_attr_li .deviceXq_attr_li_text { padding: 0 20px; min-width: 100px; text-align: center; }

.deviceXq_head .deviceXq_art .deviceXq_attr .deviceXq_attr_list .attr_active { border: 1px solid #c45b5b; }

.deviceXq_head .deviceXq_art .deviceXq_set { padding: 0 20px; margin-top: 30px; }

.deviceXq_head .deviceXq_art .deviceXq_set a { display: inline-block; padding: 20px 60px; font-size: 24px; font-size: var(--font_four, 24px); border-radius: 3px; border: 1px solid #2a8bcb; color: #2a8bcb; transition-duration: 0.5s; margin-right: 20px; cursor: pointer; }

.deviceXq_head .deviceXq_art .deviceXq_set a:hover { background-color: #2a8bcb; color: #fff; }

.deviceXq_text { padding-left: 20px; font-size: 16px; font-size: var(--font_six, 16px); font-weight: 600; width: 60px; }

.deviceXq_contain { margin-top: 100px; display: flex; }

.deviceXq_contain .deviceXq_table { flex: 1; }

.deviceXq_contain .deviceXq_table .device_table_head { display: flex; align-items: center; background-color: #011126; }

.deviceXq_contain .deviceXq_table .device_table_head .table_head_li { padding: 20px 40px; line-height: 1; font-size: 18px; font-size: var(--font_five, 18px); position: relative; cursor: pointer; font-weight: 600; color: #fff; }

.deviceXq_contain .deviceXq_table .device_table_head .table_head_li::before { content: ""; width: 1px; height: 18px; position: absolute; right: 0; top: 50%; transform: translateX(50%) translateY(-50%); display: block; background-color: #cecece; }

.deviceXq_contain .deviceXq_table .device_table_head .table_head_li:last-child::before { content: none; }

.deviceXq_contain .deviceXq_table .device_table_head .table_head_li::after { content: ''; width: 100%; height: 0; display: block; position: absolute; bottom: 0; left: 0; background-color: #2a8bcb; transition-duration: 0.5s; }

.deviceXq_contain .deviceXq_table .device_table_head .table_head_li:hover::after { height: 4px; }

.deviceXq_contain .deviceXq_table .device_table_head .device_table_active::after { height: 4px; }

.deviceXq_contain .deviceXq_table .deviceXq_table_result .table_result_li { display: none; }

.deviceXq_contain .deviceXq_table .deviceXq_table_result .table_result_li img { width: 100%; height: auto; display: block; }

.deviceXq_contain .deviceXq_table .deviceXq_table_result .table_result_li:first-child { display: block; }

.deviceXq_contain .recommend { width: 256px; margin-left: 1%; }

.deviceXq_contain .recommend .recommend_tit { font-size: 26px; font-size: var(--font_three, 26px); font-weight: 600; padding: 10px 0; }

.deviceXq_contain .recommend .recommend_list .recommend_li { margin-bottom: 20px; }

.deviceXq_contain .recommend .recommend_list .recommend_li .recommend_img { height: 256px; display: flex; align-items: center; justify-content: center; border: 1px solid #f4f4f4; }

.deviceXq_contain .recommend .recommend_list .recommend_li .recommend_img img { max-width: 80%; max-height: 80%; min-width: 60%; min-height: 60%; object-fit: contain; }

.deviceXq_contain .recommend .recommend_list .recommend_li .recommend_name { padding: 10px 15%; text-align: center; background-color: #f4f4f4; }

.skill_param { padding: 30px 0; }

.skill_param .skill_param_head { font-size: 26px; font-size: var(--font_three, 26px); text-align: center; padding: 20px 0; background-color: #f6faff; margin-bottom: 30px; line-height: 1; }

.skill_param .skill_param_block { margin-bottom: 30px; }

.skill_param .skill_param_block .skill_param_block_tit { font-size: 26px; font-size: var(--font_three, 26px); margin-bottom: 20px; font-weight: 600; }

.skill_param .skill_param_block .skill_param_block_list .skill_param_block_li { display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #e7e7e7; }

.skill_param .skill_param_block .skill_param_block_list .skill_param_block_li .skill_param_block_name { font-size: 18px; font-size: var(--font_five, 18px); width: 18%; }

.skill_param .skill_param_block .skill_param_block_list .skill_param_block_li .skill_param_block_val { flex: 1; font-size: 18px; font-size: var(--font_five, 18px); color: #666666; }

.device_download { margin-bottom: 30px; }

.device_download .device_download_tit { font-size: 26px; font-size: var(--font_three, 26px); font-weight: 600; margin-bottom: 20px; }

.device_download .device_download_list .device_download_li { display: flex; align-items: center; padding: 30px 0; border-radius: 5px; transition-duration: 0.5s; }

.device_download .device_download_list .device_download_li:hover { box-shadow: 0 0 20px #ddd; }

.device_download .device_download_list .device_download_li .device_download_img { padding: 0 40px; }

.device_download .device_download_list .device_download_li .device_download_val { flex: 1; }

.device_download .device_download_list .device_download_li .device_download_val .device_download_val_name { font-size: 24px; font-size: var(--font_four, 24px); color: #2a8bcb; margin-bottom: 20px; }

.device_download .device_download_list .device_download_li .device_download_val .device_download_val_des { font-size: 16px; font-size: var(--font_six, 16px); line-height: 1.5; margin-bottom: 20px; color: #333333; }

.device_download .device_download_list .device_download_li .device_download_val .device_download_val_param { display: flex; align-items: center; color: #333333; font-size: 16px; font-size: var(--font_six, 16px); }

.device_download .device_download_list .device_download_li .device_download_val .device_download_val_param span { margin-right: 30px; }

.device_download .device_download_list .device_download_li .device_download_bn { width: 8%; margin: 0 4%; text-align: right; }

.device_download .device_download_list .device_download_li .device_download_bn img { margin-right: 15%; cursor: pointer; }

.device_server { background-color: #fafafa; padding: 50px 30px; }

.device_server .device_server_block .device_server_tit { font-size: 32px; font-size: var(--font_two, 32px); text-align: center; margin-bottom: 40px; }

.device_server .device_server_block .device_promise_list { display: flex; justify-content: space-between; }

.device_server .device_server_block .device_promise_list .device_promise_li { width: calc((100% - 60px)/3); text-align: center; background-color: #fff; box-sizing: border-box; padding: 50px 40px; border-radius: 5px; }

.device_server .device_server_block .device_promise_list .device_promise_li .device_promise_img { height: 148px; width: 148px; margin: auto; margin-bottom: 30px; }

.device_server .device_server_block .device_promise_list .device_promise_li .device_promise_img img { width: 100%; height: 100%; }

.device_server .device_server_block .device_promise_list .device_promise_li .device_promise_tit { font-size: 24px; font-size: var(--font_four, 24px); font-weight: 600; color: #666666; }

.device_server .device_server_block .device_promise_list .device_val_li { width: calc((100% - 60px)/3); padding: 32px; padding-bottom: 0; box-sizing: border-box; background-color: #fff; border-radius: 5px; overflow: hidden; }

.device_server .device_server_block .device_promise_list .device_val_li .device_val_li_tit { font-size: 24px; font-size: var(--font_four, 24px); font-weight: 600; color: #666666; margin-bottom: 20px; }

.device_server .device_server_block .device_promise_list .device_val_li .device_val_li_des { font-size: 18px; font-size: var(--font_five, 18px); color: #666666; }

.device_server .device_server_block .device_promise_list .device_val_li .device_val_li_num { text-align: right; height: 150px; font-size: 190px; color: #dde0e2; font-weight: 600; margin-top: 20px; }

.device_server .device_server_block .device_server_block_des { max-width: 70%; padding: 20px 0; line-height: 1.5; color: #666666; }

.application .application_nav { display: flex; align-items: center; margin-bottom: 35px; }

.application .application_nav .application_nav_li { margin-right: 40px; }

.application .application_nav .application_nav_li a { display: inline-block; padding: 12px 25px; background-color: #eef3f6; color: #2a8bcb; font-size: 16px; font-size: var(--font_six, 16px); line-height: 1; border-radius: 3px; transition-duration: 0.5s; cursor: pointer; }

.application .application_nav .application_nav_li:hover a { background-color: #2a8bcb; color: #fff; }

.application .application_nav .application_active a { background-color: #2a8bcb; color: #fff; }

.application .application_swiper { position: relative; }

.application .application_swiper .application_swiper_bg { width: 100%; }

.application .application_swiper .application_container { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

.application .application_swiper .application_container .swiper-slide .application_list { height: 100%; display: flex; justify-content: space-between; align-content: space-between; flex-wrap: wrap; }

.application .application_swiper .application_container .swiper-slide .application_list .application_li { width: calc((100% - 15px)/4); height: calc((100% - 10px)/3); }

.application .application_swiper .application_container .swiper-slide .application_list .application_li .application_li_bg { background-color: #ffffff; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-size: var(--font_six, 16px); }

.application .application_swiper .application_container .swiper-slide .application_list .application_li .application_li_bg .application_li_img { height: 96px; width: 100%; text-align: center; margin-bottom: 30px; }

.application .application_swiper .application_container .swiper-slide .application_list .application_li .application_li_bg .application_li_img img { height: 100%; max-width: 60%; object-fit: contain; transition-duration: 0.5s; }

.application .application_swiper .application_container .swiper-slide .application_list .application_li:hover .application_li_img img { transform: scale(1.05); }

.application .application_swiper .application_container .swiper-button-prev { left: auto; right: 115px; top: auto; bottom: 40px; background-image: url(../img/applicat_left.png); background-size: cover; width: 43px; height: 43px; }

.application .application_swiper .application_container .swiper-button-next { right: 45px; top: auto; bottom: 40px; background-image: url(../img/applicat_right.png); background-size: cover; width: 43px; height: 43px; }

.industry_swiper .industry_container { position: relative; }

.industry_swiper .industry_container .industry-pagination { position: absolute; left: 43%; bottom: 20px; z-index: 2; width: auto; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; }

.industry_swiper .industry_container .industry-pagination .swiper-pagination-bullet { height: 25px; width: 25px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-content: center; opacity: 1; line-height: 1; color: #2a8bcb; margin-right: 5px; }

.industry_swiper .industry_container .industry-pagination .swiper-pagination-bullet-active { color: #fff; background-color: #2a8bcb; }

.industry_swiper .industry_container .industry_swiper_block { display: flex; align-items: center; justify-content: space-between; }

.industry_swiper .industry_container .industry_swiper_block > div { width: calc((100% - 5%)/2); }

.industry_swiper .industry_container .industry_swiper_block .industry_swiper_img img { width: 100%; }

.industry_swiper .industry_container .industry_swiper_block .industry_swiper_art .industry_des { height: 82px; display: -webkit-box; -webkit-line-clamp: 4; overflow: hidden; }

.industry_swiper .industry_container .industry_swiper_block .industry_swiper_art .industry_param { padding: 15px 0; }

.industry_swiper .industry_container .industry_swiper_block .industry_swiper_art .industry_swiper_bn { display: inline-block; padding: 12px 28px; color: #2a8bcb; border: 1px solid #2a8bcb; border-radius: 5px; font-size: 16px; font-size: var(--font_six, 16px); cursor: pointer; transition-duration: 0.5s; }

.industry_swiper .industry_container .industry_swiper_block .industry_swiper_art .industry_swiper_bn:hover { color: #fff; background-color: #2a8bcb; }

.industry_swiper_tit { font-size: 18px; font-size: var(--font_five, 18px); color: #333333; }

.industry_label { padding: 20px 0; }

.industry_label p { display: inline-block; margin-right: 10px; font-size: 12px; padding: 5px 10px; border-radius: 50px; background: #edf5f5; color: #2a8bcb; line-height: 1; border: 1px solid #edf5f5; transition-duration: 0.5s; }

.industry_des { color: #666666; line-height: 1.5; }

.industry_param { color: #999; }

.industry_param span { margin-right: 30px; }

.industry_list { margin-top: 50px; overflow: hidden; }

.industry_list .industry_li { display: flex; align-items: center; height: 167px; padding: 28px 30px; border-radius: 5px; transition-duration: 0.5s; border-bottom: 1px solid #f7f7f7; }

.industry_list .industry_li:hover { background-color: #eef3f6; box-shadow: 0 3px 15px #e7f7ff; }

.industry_list .industry_li:hover .industry_label p { background: #eef3f6; color: #2a8bcb; border: 1px solid #2a8bcb; }

.industry_list .industry_li .industry_img { height: 100%; width: 22%; margin-right: 5%; overflow: hidden; }

.industry_list .industry_li .industry_img img { height: 100%; min-width: 100%; object-fit: cover; }

.industry_list .industry_li .industry_art { flex: 1; }

.industry_list .industry_li .industry_art .industry_art_head { display: flex; align-items: center; justify-content: space-between; }

.industry_list .industry_li .industry_art .industry_art_head .industry_swiper_tit { flex: 1; margin-right: 10%; height: 25px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; }

.industry_list .industry_li .industry_art .industry_des { height: 61px; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; }

/* 分页 */
.pagination { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 30px; }

.pagination a { height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #e0e0e0; transition-duration: 0.5s; margin: 0 5px; margin-bottom: 10px; }

.pagination .page_prev img:last-child { display: none; }

.pagination .page_prev:hover { background-color: #2a8bcb; border: 1px solid #2a8bcb; }

.pagination .page_prev:hover img:first-child { display: none; }

.pagination .page_prev:hover img:last-child { display: block; }

.pagination .page_li:hover { background-color: #2a8bcb; border: 1px solid #2a8bcb; color: #fff; }

.pagination .page_li input { width: 100%; height: 100%; border: none; text-align: center; }

.pagination .page_text { border: none; }

.pagination .page_next img:last-child { display: none; }

.pagination .page_next:hover { background-color: #2a8bcb; border: 1px solid #2a8bcb; }

.pagination .page_next:hover img:first-child { display: none; }

.pagination .page_next:hover img:last-child { display: block; }

.pagination .jump_to { background-color: #2a8bcb; color: #fff; cursor: pointer; }

.pagination .page_active { background-color: #2a8bcb; color: #fff; }

.caseXq .caseXq_bg { display: flex; }

.caseXq .caseXq_bg .caseXq_art { flex: 1; margin-right: 5%; }

.caseXq .caseXq_bg .caseXq_art .caseXq_head { border-bottom: 1px solid #e0e0e0; padding: 10px 0; }

.caseXq .caseXq_bg .caseXq_art .caseXq_head .caseXq_tit { font-size: 26px; font-size: var(--font_three, 26px); margin-bottom: 10px; text-align: center; }

.caseXq .caseXq_bg .caseXq_art .caseXq_head .caseXq_param { display: flex; color: #999999; align-items: center; justify-content: center; }

.caseXq .caseXq_bg .caseXq_art .caseXq_head .caseXq_param p { margin-right: 30px; }

.caseXq .caseXq_bg .caseXq_art .caseXq_content { padding: 40px 0; border-bottom: 1px solid #e0e0e0; }

.caseXq .caseXq_bg .caseXq_art .caseXq_content img { max-width: 100%; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot { display: flex; padding: 20px 10px; justify-content: space-between; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav { flex: 1; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav .caseXq_jump { font-size: 16px; font-size: var(--font_six, 16px); margin-bottom: 15px; transition-duration: 0.5s; height: 20px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav .caseXq_jump a { transition-duration: 0.5s; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav .caseXq_jump:last-child { margin-bottom: 0; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav .caseXq_jump:hover { color: #2a8bcb; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_page_nav .caseXq_jump:hover a { color: #2a8bcb; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_backList { margin-left: 30px; font-size: 16px; font-size: var(--font_six, 16px); cursor: pointer; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_backList a { display: flex; align-items: center; transition-duration: 0.5s; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_backList img { margin-right: 10px; }

.caseXq .caseXq_bg .caseXq_art .caseXq_foot .caseXq_backList:hover a { color: #2a8bcb; }

.caseXq .caseXq_bg .case_recommend { width: 365px; }

.caseXq .caseXq_bg .case_recommend .case_recommend_tit { font-size: 26px; font-size: var(--font_three, 26px); padding-top: 50px; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list { padding: 40px 0; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li { margin-bottom: 20px; border-bottom: 1px dashed #e1e1e1; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li .case_recommend_img { width: 100%; height: 205px; overflow: hidden; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li .case_recommend_img img { width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li .case_recommend_data { padding: 12px 0; color: #999999; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li .case_recommend_name { font-size: 16px; font-size: var(--font_six, 16px); padding-bottom: 20px; transition-duration: 0.5s; }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li:hover img { transform: scale(1.05); }

.caseXq .caseXq_bg .case_recommend .case_recommend_list .case_recommend_li:hover .case_recommend_name { color: #2a8bcb; }

.news .news_list { display: flex; flex-wrap: wrap; margin-right: -15px; }

.news .news_list .news_li { width: calc((100% - 46px)/3); margin-right: 15px; margin-bottom: 30px; transition-duration: 0.5s; }

.news .news_list .news_li .news_img { width: 100%; height: 252px; overflow: hidden; }

.news .news_list .news_li .news_img img { width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s; }

.news .news_list .news_li .news_data { padding: 25px 30px; }

.news .news_list .news_li .news_data .news_day { color: #999999; margin-bottom: 10px; }

.news .news_list .news_li .news_data .news_tit { font-size: 16px; font-size: var(--font_six, 16px); transition-duration: 0.5s; height: 20px; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; }

.news .news_list .news_li:hover { box-shadow: 0 5px 15px #9fd8e9; }

.news .news_list .news_li:hover img { transform: scale(1.05); }

.news .news_list .news_li:hover .news_tit { color: #2a8bcb; }

.synopsis .synopsis_bg { display: flex; }

.synopsis .synopsis_bg .synopsis_welcome { font-size: 32px; font-size: var(--font_two, 32px); display: flex; align-items: center; justify-content: center; position: relative; background-color: #edf5f5; padding: 0 60px; margin-right: 20px; }

.synopsis .synopsis_bg .synopsis_welcome .synopsis_logo { position: absolute; left: 30px; top: 20px; }

.synopsis .synopsis_bg .synopsis_welcome .synopsis_logo img { height: 40px; }

.synopsis .synopsis_bg .synopsis_welcome .synopsis_welcome_tit span { margin: 0 14px; }

.synopsis .synopsis_bg .synopsis_welcome_img { flex: 1; }

.synopsis .synopsis_bg .synopsis_welcome_img img { width: 100%; }

.synopsis .synopsis_des { padding: 15px 0; line-height: 1.8; }

.culture .culture_container { padding-bottom: 85px; }

.culture .culture_container .swiper-slide { padding: 15px; box-sizing: border-box; }

.culture .culture_container .swiper-slide .culture_li { box-shadow: 0 0 15px #eee; background-color: #fff; height: 400px; display: flex; flex-direction: column; justify-content: center; padding: 0 30px; transition-duration: 0.3s; }

.culture .culture_container .swiper-slide .culture_li .culture_icon { margin-bottom: 30px; }

.culture .culture_container .swiper-slide .culture_li .culture_icon img { width: 40px; height: 40px; }

.culture .culture_container .swiper-slide .culture_li .culture_icon img:last-child { display: none; }

.culture .culture_container .swiper-slide .culture_li .culture_tit { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 30px; text-shadow: 0 0 1px #000; }

.culture .culture_container .swiper-slide .culture_li .culture_en_tit { font-size: 16px; font-size: var(--font_six, 16px); margin-bottom: 30px; font-weight: 600; }

.culture .culture_container .swiper-slide .culture_li .culture_line { display: inline-block; width: 40px; height: 4px; border-radius: 50px; background-color: #2a8bcb; margin-bottom: 20px; transition-duration: 0.3s; }

.culture .culture_container .swiper-slide .culture_li .culture_des { line-height: 1.8; color: #333333; height: 42px; transition-duration: 0.3s; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }

.culture .culture_container .swiper-slide .culture_li:hover { background-color: #2a8bcb; color: #fff; }

.culture .culture_container .swiper-slide .culture_li:hover .culture_icon img:last-child { display: block; }

.culture .culture_container .swiper-slide .culture_li:hover .culture_icon img:first-child { display: none; }

.culture .culture_container .swiper-slide .culture_li:hover .culture_des { color: #fff; }

.culture .culture_container .swiper-slide .culture_li:hover .culture_line { background-color: #fff; }

.culture .culture_container .swiper-button-prev { top: auto; bottom: 0; left: 50%; transform: translateX(-50%); margin-left: -40px; width: 50px; height: 50px; background-image: url(../img/culture_left.png); background-size: cover; transition-duration: 0.3s; }

.culture .culture_container .swiper-button-prev:hover { background-color: rgba(42, 139, 203, 0.1); }

.culture .culture_container .swiper-button-next { top: auto; bottom: 0; left: 50%; width: 50px; height: 50px; transform: translateX(-50%); margin-left: 40px; background-image: url(../img/culture_right.png); background-size: cover; transition-duration: 0.3s; }

.culture .culture_container .swiper-button-next:hover { background-color: rgba(42, 139, 203, 0.1); }

.about_line { position: absolute; bottom: 0; left: 0; width: 100%; }

.session_nopadding_top { padding-top: 0; }

.honor { position: relative; }

.honor .honor_container { margin: 0 15%; }

.honor .honor_container .swiper-button-prev, .honor .honor_container .swiper-button-next { display: none; }

.honor .honor_container .honor_li .honor_img { background-color: #fff; border: 4px solid #2a8bcb; box-sizing: border-box; height: 380px; }

.honor .honor_container .honor_li .honor_img img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; }

.honor .honor_container .honor_li .honor_tit { padding: 30px 20px; text-align: center; font-size: 16px; font-size: var(--font_six, 16px); letter-spacing: 0px; }

.honor .honor_prev { position: absolute; width: 40px; height: 40px; top: 50%; left: 8%; background: url(../img/honor_bn.png) no-repeat 100% 100%; background-size: cover; transform: scaleX(-1) translateY(-50%); margin-top: -35px; opacity: .5; cursor: pointer; transition-duration: 0.5s; outline: none; }

.honor .honor_prev:hover { opacity: 1; }

.honor .honor_next { position: absolute; width: 40px; height: 40px; top: 50%; right: 8%; background: url(../img/honor_bn.png) no-repeat 100% 100%; background-size: cover; transform: translateY(-50%); margin-top: -35px; opacity: .5; cursor: pointer; transition-duration: 0.5s; outline: none; }

.honor .honor_next:hover { opacity: 1; }

.honor_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.history { display: flex; justify-content: center; border-top: 1px solid #2a8bcb; }

.history > div { width: 50%; }

.history .history_line { display: flex; flex-direction: column; align-items: flex-end; padding: 40px 0; position: relative; }

.history .history_line .history_top_line { content: ""; display: block; width: 1px; position: absolute; top: 0px; right: 0; transform: translateX(50%); background-color: #2a8bcb; z-index: 2; transition-duration: 1s; transition-timing-function: linear; -moz-transition-timing-function: linear; /* Firefox 4 */ -webkit-transition-timing-function: linear; /* Safari 和 Chrome */ -o-transition-timing-function: linear; /* Opera */ }

.history .history_line .history_text { position: absolute; color: #fafafa; font-size: 180px; font-weight: 600; left: 0; top: 20px; z-index: -1; }

.history .history_line::after { content: ""; display: block; height: calc(100% - 120px); width: 1px; position: absolute; top: 0px; right: 0; transform: translateX(50%); background-color: #f4f4f4; }

.history .history_line .history_block { max-width: 520px; width: 100%; text-align: right; position: relative; }

.history .history_line .history_block .history_val { padding: 40px 20%; position: relative; }

.history .history_line .history_block .history_val .history_val_bg { transform: translateX(-200px); opacity: 0; transition-duration: 1.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; }

.history .history_line .history_block .history_val .history_val_bg .history_data { font-size: 18px; font-size: var(--font_five, 18px); font-weight: 600; margin-bottom: 20px; }

.history .history_line .history_block .history_val .history_val_bg .history_des { text-align: right; display: inline-block; color: #838383; line-height: 1.5; }

.history .history_line .history_block .history_val::after { content: ""; width: 0; height: 1px; display: block; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); position: absolute; right: 0; top: 51px; z-index: 1; transition-duration: 1.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; }

.history .history_line .history_block .history_point { position: absolute; right: 0; top: 40px; height: 0px; width: 0px; border: 1px solid #2a8bcb; border-radius: 50%; transform: translateX(50%); z-index: 2; transition-duration: 1s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; }

.history .history_line .history_block .history_point .history_point_bg { position: relative; width: 100%; height: 100%; background-color: #fff; border-radius: 50%; }

.history .history_line .history_block .history_point .history_point_bg::after { content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #333; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition-duration: 1s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari 和 Chrome */ -o-transition-delay: 0.5s; }

.history .history_line .history_active .history_val .history_val_bg { transform: none; opacity: 1; }

.history .history_line .history_active .history_val::after { width: 15%; }

.history .history_line .history_active .history_point { height: 25px; width: 25px; }

.history .history_line .history_active .history_point .history_point_bg::after { background-color: #2a8bcb; }

.history .history_img { box-sizing: border-box; padding: 40px 8%; }

.history .history_img img { max-width: 100%; }

.partner { position: relative; padding-right: 50px; }

.partner .partner_show_block { position: relative; padding: 60px 6%; }

.partner .partner_show_block .partner_show_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.partner .partner_show_block .partner_art { position: relative; z-index: 2; display: flex; color: #fff; }

.partner .partner_show_block .partner_art .partner_art_left { width: 30%; }

.partner .partner_show_block .partner_art .partner_art_left .partner_tit { font-size: 24px; font-size: var(--font_four, 24px); position: relative; padding-bottom: 30px; }

.partner .partner_show_block .partner_art .partner_art_left .partner_tit::after { content: ''; height: 4px; width: 76px; display: block; position: absolute; left: 0; bottom: 0; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); border-radius: 50px; }

.partner .partner_show_block .partner_art .partner_art_left .partner_val { margin-top: 60px; }

.partner .partner_show_block .partner_art .partner_art_left .partner_val p { font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 20px; }

.partner .partner_show_block .partner_art .partner_list { flex: 1; display: flex; justify-content: space-between; justify-content: space-evenly; padding-top: 100px; }

.partner .partner_show_block .partner_art .partner_list .partner_li { text-align: center; width: 22%; }

.partner .partner_show_block .partner_art .partner_list .partner_li .partner_icon { margin-bottom: 40px; }

.partner .partner_show_block .partner_art .partner_list .partner_li .partner_icon img { width: 98px; height: 98px; }

.partner .partner_show_block .partner_art .partner_list .partner_li .partner_name { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 20px; }

.partner .partner_show_block .partner_art .partner_list .partner_li .partner_des { line-height: 1.5; }

.partner .partner_bg { position: absolute; right: 0; bottom: -50px; z-index: -1; }

.partner .partner_bg img { max-width: 100%; max-height: 100%; }

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

.joinUs .joinUs_li { width: 22%; position: relative; }

.joinUs .joinUs_li .joinUs_img { position: absolute; top: 0; left: 0; height: 60px; z-index: -1; }

.joinUs .joinUs_li .joinUs_tit { font-size: 16px; font-size: var(--font_six, 16px); color: #2a8bcb; padding: 40px 0; border-bottom: 1px solid #e0e0e0; }

.joinUs .joinUs_li .joinUs_des { margin-top: 30px; line-height: 1.8; letter-spacing: 0px; }

.joinUs_session_tit::after { bottom: auto; top: 58px; }

.joinUs_form { max-width: 960px; margin: auto; }

.joinUs_form form { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.joinUs_form form .joinUs_form_li { width: calc((100% - 61px)/2); margin-bottom: 50px; }

.joinUs_form form .joinUs_form_li input { background-color: transparent; color: #fff; border: 1px solid #fdffff; border-radius: 5px; height: 60px; }

.joinUs_form form .joinUs_form_li input::placeholder { color: #fdffff; }

.joinUs_form form .joinUs_form_li input::-webkit-input-placeholder { color: #fdffff; }

.joinUs_form form .joinUs_form_li input::-ms-input-placeholder { color: #fdffff; }

.joinUs_form form .joinUs_bn { width: 100%; text-align: center; }

.joinUs_form form .joinUs_bn a { display: inline-block; padding: 20px 90px; background-color: #fff; border-radius: 5px; font-size: var(--font_five, 18px); line-height: 1; text-shadow: 0 0 1px #000; cursor: pointer; }

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

.contact .contact_li { width: calc((100% - 41px)/3); box-sizing: border-box; padding: 60px 20px; background-color: #fff; box-shadow: 0 5px 15px #ccc; display: flex; align-items: center; border-radius: 5px; }

.contact .contact_li .contact_icon { padding: 0 40px; }

.contact .contact_li .contact_icon img { height: 74px; width: 74px; }

.contact .contact_li .contact_val { flex: 1; }

.contact .contact_li .contact_val .contact_tit { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 10px; max-width: 60%; }

.contact .contact_li .contact_val .contact_des { color: #565656; }

.contact_session { position: relative; width: 100%; }

.contact_session::after { content: ''; display: block; height: 4px; width: 20%; background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); position: absolute; bottom: 0; left: 0; }

.contact_session::before { content: ''; display: block; height: 4px; width: 20%; background: linear-gradient(to left, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); position: absolute; bottom: 0; right: 0; }

.contact_map { padding-top: 128px; }

.contact_map .contact_map_art { height: 720px; margin-bottom: 60px; }

.contact_map .contact_map_art iframe { border: none; }

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

.painPoint .painPoint_li { width: calc((100% - 121px)/4); text-align: center; border: 1px solid #e9edf1; border-radius: 3px; padding: 35px 25px; box-sizing: border-box; height: 287px; }

.painPoint .painPoint_li .painPoint_icon { margin-bottom: 20px; }

.painPoint .painPoint_li .painPoint_icon img { width: 104px; height: 104px; }

.painPoint .painPoint_li .painPoint_tit { font-size: 18px; font-size: var(--font_five, 18px); margin-bottom: 15px; text-shadow: 0 0 0.5px #000; }

.painPoint .painPoint_li .painPoint_des { text-align: left; color: #666666; height: 55px; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; }

.program { display: flex; align-items: center; justify-content: space-between; }

.program > div { width: 45%; }

.program .program_left .program_li { background: linear-gradient(to right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); display: flex; align-items: center; padding: 30px 10px; padding-right: 40px; margin-bottom: 45px; }

.program .program_left .program_li:last-child { margin-bottom: 0; }

.program .program_left .program_li .program_icon { padding: 0 20px; }

.program .program_left .program_li .program_icon img { width: 104px; height: 104px; }

.program .program_left .program_li .program_val { flex: 1; }

.program .program_left .program_li .program_val .program_tit { font-size: 24px; font-size: var(--font_four, 24px); margin-bottom: 10px; }

.program .program_left .program_li .program_val .program_des { line-height: 1.8; font-size: 16px; font-size: var(--font_six, 16px); height: 58px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }

.program .program_big_img img { width: 100%; }

.hardware { display: flex; flex-wrap: wrap; margin-right: -20px; }

.hardware .hardware_li { width: calc((100% - 81px)/4); margin-right: 20px; border: 1px solid #eee; padding: 0 30px; padding-top: 40px; box-sizing: border-box; border-radius: 5px; cursor: pointer; }

.hardware .hardware_li .hardware_tit { font-size: 18px; font-size: var(--font_five, 18px); color: #2a8bcb; margin-bottom: 15px; }

.hardware .hardware_li .hardware_des { line-height: 25px; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; }

.hardware .hardware_li .hardware_img { text-align: center; height: 345px; overflow: hidden; }

.hardware .hardware_li .hardware_img img { height: 100%; max-width: 100%; object-fit: contain; }

.compared .my_table { border-bottom: 2px solid #0d3e5a; }

.compared .my_table_icon { border-bottom: none; padding: 0; }

.compared .my_table_icon .my_table_big { text-align: center; }

.compared .my_table_icon .my_table_big .my_table_td { background-color: transparent !important; padding: 0; }

.compared .my_table_head .my_table_th { padding: 20px 0 !important; }

.compared .my_table_head .my_table_tit { box-sizing: border-box; padding: 20px 30px; text-align: left; }

.compared .solution_table_clock_tr { display: flex; }

.compared .solution_table_clock_tr .my_table_tit { box-sizing: border-box; padding: 20px 30px; width: 20%; font-size: 18px; font-size: var(--font_five, 18px); display: flex; align-items: center; }

.compared .solution_table_clock_tr .solution_table_clock_big { flex: 1; margin-left: 10px; display: flex; }

.compared .solution_table_clock_tr .solution_table_clock_big .solution_table_clock_td_li { flex: 1; box-sizing: border-box; padding: 30px 60px; font-size: 16px; color: #999999; }

.compared .solution_table_clock_tr .solution_table_clock_big .solution_table_clock_td_li:nth-child(1) { color: #000; }

.compared .solution_table_clock_tr:nth-child(even) .my_table_tit { background-color: #f7f7f7; }

.compared .solution_table_clock_tr:nth-child(even) .solution_table_clock_big { background-color: #f7f7f7; }

.lishao_detailBg { background: #fff; padding: 50px 72px 72px; margin: 50px 0 0 0; }

.lishao_detail_logo { text-align: center; }

.lishao_detail_text { margin-top: 22px; line-height: 26px; }

.systemModuleBg { background: #fff; padding: 50px 72px 72px; margin: 50px 0 0 0; }

.systemModuleBg img { width: 100%; display: block; }

.lishao_teseBg { width: 100%; position: relative; }

.lishao_teseBg img { width: 100%; display: block; }

.lishao_teseListBox { position: absolute; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; display: flex; }

.lishao_teseListItem { height: 100%; width: 228px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

.lishao_teseListItem:first-child { border-left: none; }

.lishao_teseListItemIco { width: 67px; margin: 0 auto; }

.lishao_teseListItemIco img { width: 100%; height: 67px; display: block; }

.lishao_teseListItemText { font-size: 16px; margin: 12px 0; text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.lishao_teseListItemDesc { display: none; }

.lishao_teseListItemDesc ul li { line-height: 26px; color: #fff; text-align: center; padding: 0 12px; }

.lshfeatures_newbtn { top: 0; left: 50%; display: flex; transform: translateX(-50%); width: 100%; justify-content: center; position: absolute; text-align: center; z-index: 10; }

.lshfeatures_newbtn .lshfeatures_newbtnItem { width: auto; height: auto; background: none; opacity: 1; font-size: 16px; font-size: var(--font_six, 16px); color: #95c6e0; margin: 0 40px; cursor: pointer; }

.lshfeatures_newbtn .lshfeatures_newbtnItem.activelsh { color: #fff; }

.noSpec { pointer-events: none; color: #cacaca; border: 1px solid #cacaca !important; }

.bshares { margin-top: 16px; }

.bshares > div { width: 20px; height: 20px; float: left; cursor: pointer; border-radius: 4px; background-size: contain; margin: 0 6px; }

#share-qrcode { background-image: url(../img/wechat.png); }

#share-douban { background-image: url(../img/db.png); }

#share-qzone { background-image: url(../img/qzone.png); }

#share-sina { background-image: url(../img/sina.png); }

#share-qq { background-image: url(../img/qq.png); }

.imgAlertBg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; z-index: 9999; display: flex; justify-content: center; align-items: center; cursor: pointer; }

.imgAlertBg .img { width: 70%; height: 70%; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 38px 28px; }

.imgAlertBg .img img { display: block; width: 100%; height: 100%; object-fit: contain; }

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

.deviceXq_price_luosi { margin-left: 1rem; text-decoration: line-through; }

.tanToOutBox { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; cursor: pointer; }

.tanToOutBox .whiteBg { width: 60%; height: 60%; background: #fff; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 38px 28px; display: flex; flex-wrap: wrap; align-items: center; }

.tanToOutBox .whiteBg .tit1 { width: 100%; font-size: 1.5rem; line-height: 3rem; text-align: center; }

.tanToOutBox .whiteBg .tit2 { width: 100%; display: flex; justify-content: center; margin-top: 0rem; }

.tanToOutBox .whiteBg .tit2 .item { width: 20%; margin: 0 1.5%; }

.tanToOutBox .whiteBg .tit2 .item img { display: block; width: 100%; }

.disFlex { display: flex; }

.swiper_bn_colorful, .swiper_border_colorful { cursor: pointer; }

.jd_mianbaoxie { width: 100%; background: #f2f2f2; }

.jd_mianbaoxie .layui-container { display: flex; align-items: center; line-height: 26px; padding: 8px 15px; flex-wrap: wrap; }

.jd_mianbaoxie .layui-container .jl_item { height: 100%; display: flex; align-items: center; }

.jd_mianbaoxie .layui-container .jl_item .name a { padding: 0 8px; }

@media screen and (min-width: 1440px) { .layui-container { width: 1400px; } }

@media screen and (max-width: 1440px) { .layui-container { width: 1170px; }
  .head .layui-container .logo { margin-right: 5%; }
  .head .layui-container .head_tel { margin-left: 5%; }
  .head .layui-container .nav .nav_li { margin-right: 20px; }
  .my_swiper { height: 620px; }
  .session .memo_list .memo_li .memo_art .memo_icon { height: 40px; width: 40px; }
  .session .memo_list .memo_li .memo_art { padding: 30px; }
  .deviceXq_head .deviceXq_art .deviceXq_set a { padding: 15px 40px; }
  .deviceXq_head .deviceXq_art .deviceXq_price { margin-top: 20px; }
  .device_server .device_server_block .device_promise_list .device_promise_li .device_promise_img { width: 120px; height: 120px; }
  .culture .culture_container .swiper-slide .culture_li { height: 330px; }
  .honor .honor_container .honor_li .honor_img { height: 310px; } }

@media screen and (max-width: 1200px) { body { width: fit-content; width: 1300px; }
  .industry_list .industry_li .industry_art .industry_art_head .industry_swiper_tit { height: 20px; } }

@media screen and (max-width: 800px) { .lishao_teseListBox { flex-wrap: wrap; }
  .lishao_teseListItem { width: 33.3%; height: 50%; }
  .lishao_teseListItemIco { width: 36%; }
  .lishao_teseListItemIco img { height: auto; }
  .lishao_teseListItemText { font-size: 12px; }
  .lishao_teseBg > img { height: 236px; }
  .lishao_detailBg { padding: 28px 15px 28px; margin: 38px 0 0 0; }
  .lishao_teseListItem:nth-child(4) { border-left: none; border-top: 1px solid #fff; }
  .lishao_teseListItem:nth-child(5) { border-top: 1px solid #fff; }
  .lishao_teseListItem:nth-child(6) { border-top: 1px solid #fff; }
  .systemModuleBg { padding: 12px 15px 12px; margin: 2px 0 0 0; }
  body { width: auto; }
  .layui-container { width: auto; }
  .mobilebox { display: block; }
  .mobilemask { display: block; position: fixed; top: 0; right: 0; opacity: 0; width: 100%; height: 100vh; z-index: -1; background-color: rgba(1, 40, 65, 0.5); transition-duration: 0.5s; }
  .head .layui-container .nav { position: fixed; left: 0; top: 0; width: 70%; left: -70%; opacity: 0; height: 100vh; flex-direction: column; align-items: flex-start; box-sizing: border-box; padding: 3% 5%; background: linear-gradient(to right, #01091c, #012b45); transition-duration: 0.5s; }
  .head .layui-container .nav .nav_li { height: auto; margin-right: 0; width: 100%; }
  .head .layui-container .nav .nav_li > a { height: 50px; justify-content: flex-start; }
  .head .layui-container .nav .nav_li .active::after { content: none; }
  .head .layui-container .nav .nav_li .nav_second { position: static; display: flex; flex-direction: column; transform: translateX(-50px); }
  .head .layui-container .nav .nav_li:hover .nav_second { transform: none; width: 100%; }
  .active { color: #2a8bcb !important; }
  .head_sign { position: fixed; left: -200px; top: 90vh; opacity: 0; transition-duration: 0.5s; }
  .head_tel { display: none; }
  .mobilebox { position: relative; width: 40px; height: 40px; }
  .mobilebox img { width: 40px; position: absolute; left: 0; top: 0; transition-duration: 0.5s; }
  .mobilebox img:last-child { opacity: 0; }
  .my_swiper { height: 400px; }
  .my_swiper .swiper-slide .swiper_art h4 { margin-bottom: 15px; }
  .session .memo_list .memo_li { width: calc((100% - 46px)/3); }
  .session .memo_list .memo_li .memo_art .memo_icon { margin-bottom: 10px; }
  .session .memo_list .memo_li .memo_art .memo_tit { margin-bottom: 10px; }
  .session .memo_list .memo_li .memo_art { padding: 20px; }
  .session .memo_list .memo_li .memo_bg { height: 180px; }
  .session { padding: 50px 0; }
  .session_nopadding_top { padding-top: 0; }
  .index_center_art .features .features_art { padding: 0 5%; padding-top: 100px; }
  .index_center_art .features .features_art .swiper-button-prev { width: 50px; height: 50px; left: 5%; }
  .index_center_art .features .features_art .swiper-button-next { width: 50px; height: 50px; }
  .service_art .service_bg .service_li { padding: 30px 3%; }
  footer .foot_bg { flex-wrap: wrap; }
  footer .foot_bg .foot_nav { width: 100%; flex: auto; order: -1; margin-bottom: 20px; }
  footer .foot_bg .foot_earm .foot_nav_tit { text-align: center; margin-bottom: 15px; }
  footer .foot_icp { padding: 15px 0; }
  .session .session_tit { margin-bottom: 40px; font-weight: 500; }
  .index_center_art .features .swiper-pagination .swiper-pagination-bullet { margin: 0 13px; }
  .page_banner .page_menu { position: static; }
  .page_banner .page_menu .page_menu_bg { flex-direction: column; }
  .page_banner .page_menu .page_menu_bg .page_bread { display: none; }
  .page_banner .page_menu .page_menu_bg .page_nav { padding: 10px 0; }
  .pro_session { padding-top: 50px; }
  .pro_session_tab { height: 50px; }
  .pro_session .version { padding: 30px 0; }
  .rfid .rfid_list .rfid_li { width: calc((100% - 31px)/4); }
  .rfid_pro_table .rfid_pro_list .rfid_pro_li { padding: 20px; }
  .deviceXq_head { display: block; }
  .deviceXq_head .deviceXq_block_img { width: 70%; margin: auto; margin-bottom: 30px; }
  .deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .deviceXq_wait_img_li { width: 90px; height: 90px; }
  .deviceXq_head .deviceXq_art .deviceXq_price { height: 66px; }
  .deviceXq_contain { margin-top: 30px; flex-direction: column; }
  .deviceXq_contain .recommend { order: -1; width: 100%; margin-left: 0; }
  .recommend_list { display: flex; flex-wrap: wrap; margin-right: -10px; }
  .deviceXq_contain .recommend .recommend_list .recommend_li { width: calc((100% - 41px)/4); margin-right: 10px; }
  .deviceXq_contain .recommend .recommend_list .recommend_li .recommend_img { height: 183px; }
  .device_server .device_server_block .device_promise_list .device_val_li .device_val_li_num { font-size: 140px; }
  .contact .contact_li { width: calc((100% - 31px)/3); padding: 20px; flex-direction: column; }
  .contact .contact_li .contact_val .contact_tit { max-width: 100%; }
  .contact .contact_li .contact_icon img { width: 50px; height: 50px; margin-bottom: 15px; }
  .painPoint .painPoint_li { width: calc((100% - 31px)/4); padding: 20px; height: 245px; }
  .painPoint .painPoint_li .painPoint_icon img { width: 80px; height: 80px; }
  .program .program_left .program_li { margin-bottom: 20px; padding: 20px 10px; }
  .program .program_left .program_li .program_icon img { width: 80px; height: 80px; }
  .program .program_big_img { width: 50%; }
  .hardware .hardware_li { width: calc((100% - 21px)/2); margin-right: 10px; }
  .hardware { margin-right: -10px; }
  .hardware .hardware_li .hardware_img { height: 230px; }
  .hardware .hardware_li { padding: 0 20px; padding-top: 30px; }
  .my_table_icon img { width: 80px; }
  .compared .solution_table_clock_tr .solution_table_clock_big .solution_table_clock_td_li { padding: 15px; }
  .application .application_swiper .application_container .swiper-slide .application_list .application_li .application_li_bg .application_li_img { height: 60px; margin-bottom: 10px; }
  .application_li_bg p { padding: 0 5px; text-align: center; }
  .industry_swiper .industry_container .industry_swiper_block { display: block; }
  .industry_swiper .industry_container .industry_swiper_block > div { width: 100%; }
  .industry_swiper_img { margin-bottom: 20px; }
  .industry_swiper .industry_container .industry-pagination { left: auto; right: 0; }
  .industry_list .industry_li { padding: 15px; }
  .industry_list .industry_li .industry_img { width: 40%; }
  .industry_list .industry_li .industry_art .industry_art_head .industry_swiper_tit { height: 20px; }
  .industry_label { padding: 10px 0; }
  .industry_label p { margin-bottom: 5px; margin-right: 5px; }
  .caseXq .caseXq_bg { display: block; }
  .caseXq .caseXq_bg .caseXq_art { margin-right: 0; }
  .caseXq .caseXq_bg .case_recommend { width: 100%; }
  .case_recommend_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .case_recommend_li { width: calc((100% - 21px)/2); }
  .news .news_list .news_li { width: calc((100% - 41px)/2); margin-bottom: 20px; }
  .synopsis .synopsis_bg .synopsis_welcome { height: 186px; }
  .synopsis .synopsis_bg .synopsis_welcome_img img { height: 100%; object-fit: cover; }
  .culture .culture_container .swiper-slide { padding: 10px; }
  .honor .honor_container { margin: 0 10%; }
  .honor .honor_prev { left: 2%; }
  .honor .honor_next { right: 2%; }
  .honor .honor_container .honor_li .honor_img { height: 284px; }
  .partner .partner_show_block .partner_art { display: block; }
  .partner .partner_show_block .partner_art .partner_art_left { width: 100%; }
  .partner .partner_show_block .partner_art .partner_art_left .partner_val { display: none; }
  .partner .partner_show_block .partner_art .partner_list { padding-top: 30px; }
  .partner .partner_show_block .partner_art .partner_list .partner_li { width: 28%; }
  .partner .partner_show_block .partner_art .partner_list .partner_li .partner_icon img { width: 60px; height: 60px; }
  .partner .partner_show_block .partner_art .partner_list .partner_li .partner_icon { margin-bottom: 15px; }
  .joinUs .joinUs_li { width: 28%; }
  .joinUs_session_tit::after { content: none; }
  .joinUs_form form { padding: 0 8%; }
  .joinUs_form form .joinUs_form_li { width: calc((100% - 31px)/2); }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li { width: calc(100% / 3); }
  .pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg { margin-top: 0px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_tit { padding: 50px 0 35px 0; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list { margin-right: -15px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li { width: calc((100% - 61px)/4); margin-right: 15px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li { height: 140px; }
  .pro_session .claim { padding: 30px 0; }
  .pro_session .device .device_table .device_table_result { padding: 30px; }
  .pro_session .device .device_table .device_table_result .device_art_list { margin-right: -20px; }
  .pro_session .device .device_table .device_table_result .device_art_list .device_art_li { width: calc((100% - 81px)/4); margin-right: 20px; padding: 20px 0; }
  .pro_session .device .device_program .device_program_list .device_program_li { width: calc((100% - 41px)/2); margin-right: 20px; margin-bottom: 20px; }
  .deviceXq_head .deviceXq_art .deviceXq_set a { margin-right: 2px; }
  .tanToOutBox .whiteBg .tit1 { font-size: 1rem; line-height: 2rem; }
  .tanToOutBox .whiteBg .tit2 .item { width: 38%; }
  .tanToOutBox .whiteBg { height: auto; display: flex; flex-direction: column; justify-content: center; }
  .diyigeli { display: none; }
  .application .application_swiper .application_container .swiper-slide .application_list { padding: 4px; }
  .application .application_swiper .application_container .swiper-slide .application_list { align-content: flex-start; }
  .application .application_swiper .application_container .swiper-slide .application_list .application_li { margin-bottom: 4px; }
  .application .application_swiper .application_container .swiper-slide .application_list .application_li:nth-child(8) { display: none; }
  .newsDataTop { }
  .caseXq .caseXq_bg .caseXq_art .caseXq_head .caseXq_param p { margin-right: 5px; } }

@media screen and (max-width: 600px) { body { font-size: 12px; }
  .my_swiper { height: 280px; padding-bottom: 41px; background: #02182f; }
  .my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_bn_colorful, .my_swiper .swiper-slide .swiper_art .swiper_art_bn .swiper_border_colorful { padding: 10px 20px; }
  .session .memo_list { display: block; }
  .session .memo_list .memo_li { width: 100%; margin: auto; margin-bottom: 15px; }
  .index_center_art .era_art { flex-wrap: wrap; }
  .index_center_art .era_art .era_li { width: calc((100% - 21px)/2); margin-bottom: 20px; }
  .index_center_art .features .features_art .features_val h4 { margin-bottom: 20px; }
  .index_center_art .features .features_art .swiper-button-prev { bottom: 0; left: auto; right: 125px; }
  .index_center_art .features .features_art .swiper-button-next { bottom: 0; left: auto; right: 5%; }
  .service_art .service_bg .service_li { width: calc(100% / 2); padding: 15px 3%; }
  .service_art::before { left: 50%; }
  .service_art::after { content: none; }
  .service_art .service_bg::after { top: calc((100% / 3)); }
  .service_art .service_bg::before { content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0; top: calc((100% / 3)*2); background: linear-gradient(to right, #2c8bcb, #2c8cc6, #2d8dc3, #318fbe, #3490b7, #3693b0, #3b95aa, #40989f, #459b93, #4a9f8a, #4fa37f, #54a575, #61ae5d, #6bb444, #74b933, #79bc29); transform: translateY(-50%); border-radius: 50%; }
  .service_art .service_bg .service_li .service_icon { height: 60px; width: 60px; margin-bottom: 10px; }
  .service_art .service_bg .service_li .service_tit { margin-bottom: 10px; }
  .case .case_container .case_li .case_bg { padding: 20px 8%; }
  .case .case_container .case_li .case_bg .case_tit { padding: 0; margin-top: 10px; }
  footer .foot_bg .foot_nav { display: none; }
  .case .case_container .swiper-pagination { margin-top: 40px; }
  .page_banner .page_menu .page_menu_bg .page_nav { flex-wrap: wrap; }
  .pro_session_tab .pro_session_tab_li { padding: 0 10px; }
  .pro_session_tit { margin-bottom: 30px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_feature .pro_feature_li { width: calc(100% / 2); padding: 30px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_icon { margin-right: 15px; height: 70px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_head { height: 75px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li { padding: 0 15px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li .pro_fun_val_li_des { margin-left: 15px; line-height: 1.5; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .pro_block_art .pro_function .pro_fun_li .pro_fun_art .pro_fun_val .pro_fun_val_li { display: block; margin-bottom: 15px; }
  .pro_session .pro_all_art .pro_result_bg .pro_result .case_color_bg .pro_block_art .pro_case_list .pro_case_li { margin-right: 20px; width: calc((100% - 41px)/2); margin-bottom: 20px; }
  .pro_session .device { padding: 30px 0; }
  .pro_session .device .device_table .device_table_head .device_table_head_li .device_table_head_icon { width: 45px; height: 45px; margin-bottom: 10px; }
  .pro_session .device .device_table .device_table_result .device_art_list .device_art_li { width: calc((100% - 41px)/2); }
  .pro_session .device .device_program .device_program_list .device_program_li .device_program_img { padding: 15px; height: 200px; }
  .pro_session .device .device_program .device_program_list .device_program_li .device_program_val { padding: 10px 15px; }
  .pro_session .device .device_program .device_program_list .device_program_li .device_program_val::after { content: none; }
  .pro_session .device .device_program { margin-top: 50px; }
  .pro_session .device .device_program .device_program_tit { margin-bottom: 30px; }
  .contact .contact_li { padding: 15px; text-align: center; }
  .painPoint { flex-wrap: wrap; }
  .painPoint .painPoint_li { width: calc((100% - 21px)/2); margin-bottom: 20px; }
  .program { display: block; }
  .program > div { width: 100%; }
  .program .program_big_img { width: 100%; margin-top: 20px; }
  .program .program_left .program_li { padding: 10px; }
  .program .program_left .program_li .program_icon { padding: 0 10px; }
  .hardware .hardware_li { width: calc((100% - 21px)/2); margin-bottom: 10px; }
  .hardware .hardware_li .hardware_img { height: 190px; }
  .hardware .hardware_li .hardware_img img { transform: translateY(10px); }
  .my_table { font-size: 12px; }
  .compared .solution_table_clock_tr .solution_table_clock_big .solution_table_clock_td_li { font-size: 12px; padding: 10px; }
  .compared .my_table_head .my_table_tit { padding: 20px 10px; }
  .compared .solution_table_clock_tr .my_table_tit { padding: 20px 10px; }
  .head { height: 50px; }
  .head .layui-container .logo img { height: 40px; }
  .application .application_nav { flex-wrap: wrap; }
  .application .application_nav .application_nav_li { margin-right: 4px; margin-bottom: 10px; }
  .application .application_nav .application_nav_li a { padding: 10px 9px; }
  .industry_list .industry_li { display: block; height: auto; }
  .industry_list .industry_li .industry_img { width: 100%; margin-bottom: 20px; }
  .industry_list { margin-top: 30px; }
  .news .news_list .news_li .news_img { height: 100px; }
  .news .news_list .news_li .news_data { padding: 15px 10px; }
  .news .news_list .news_li .news_data .news_tit { height: 18px; }
  .synopsis .synopsis_bg .synopsis_welcome { margin-right: 0; width: 100%; }
  .culture .culture_container .swiper-slide .culture_li { padding: 0 10px; height: 240px; }
  .culture .culture_container .swiper-slide .culture_li .culture_icon { margin-bottom: 15px; }
  .culture .culture_container .swiper-slide .culture_li .culture_tit { margin-bottom: 15px; }
  .culture .culture_container .swiper-slide .culture_li .culture_en_tit { margin-bottom: 15px; }
  .culture .culture_container .swiper-button-prev { margin-left: -70px; }
  .culture .culture_container .swiper-button-next { margin-left: 15px; }
  .honor .honor_container .honor_li .honor_img { height: 210px; }
  .honor .honor_container .honor_li .honor_tit { padding: 15px; }
  .partner { padding-right: 15px; }
  .partner .partner_bg { bottom: -15px; }
  .joinUs_form form .joinUs_form_li { width: 100%; margin-bottom: 20px; }
  .joinUs_form form .joinUs_form_li input { height: 40px; }
  .joinUs_form form .joinUs_bn a { padding: 15px 40px; }
  .contact_map .contact_map_art { height: 350px; }
  .my_swiper .ripple { bottom: 0; }
  .pro_session .device .device_program { margin-top: 30px; }
  .rfid .rfid_list { flex-wrap: wrap; }
  .rfid .rfid_list .rfid_li { width: calc((100% - 21px)/2); margin-bottom: 20px; }
  .rfid { padding-bottom: 30px; }
  .rfid_pro_table .pro_session_tab { padding: 0; }
  .rfid_pro_table .rfid_pro_list { margin-top: 30px; }
  .rfid_pro_table .rfid_pro_list .rfid_pro_li { width: calc((100% - 21px)/2); }
  .deviceXq_head .deviceXq_block_img { width: 100%; }
  .deviceXq_head .deviceXq_block_img .deviceXq_wait_img_list .deviceXq_wait_img_li { width: 60px; height: 60px; }
  .deviceXq_contain .recommend .recommend_list .recommend_li { width: calc((100% - 21px)/2); }
  .deviceXq_contain .deviceXq_table .device_table_head .table_head_li { padding: 20px; }
  .device_download .device_download_list .device_download_li .device_download_img { display: none; }
  .device_server { padding: 30px 15px; }
  .device_server .device_server_block .device_promise_list .device_promise_li { width: calc((100% - 21px)/3); padding: 15px; }
  .device_server .device_server_block .device_promise_list .device_promise_li .device_promise_img { width: 80px; height: 80px; margin-bottom: 15px; }
  .device_server .device_server_block .device_promise_list .device_val_li { width: calc((100% - 21px)/3); padding: 15px; }
  .device_server .device_server_block .device_promise_list .device_val_li .device_val_li_num { height: 100px; }
  .device_server .device_server_block .device_promise_list { flex-wrap: wrap; }
  .device_server .device_server_block .device_promise_list .device_val_li { width: 100%; margin-bottom: 20px; }
  .application .application_swiper .application_swiper_bg { height: 500px; object-fit: cover; }
  .application .application_swiper .application_container .swiper-slide .application_list .application_li { width: calc((100% - 5px)/2); height: calc((100% - 11px)/5); }
  .industry_list .industry_li .industry_art .industry_des { height: 52px; }
  .joinUs { display: block; }
  .joinUs .joinUs_li { width: 100%; margin-bottom: 20px; }
  .joinUs .joinUs_li .joinUs_tit { padding: 20px 0; }
  .joinUs .joinUs_li .joinUs_des { margin-top: 15px; }
  .joinUs .joinUs_li .joinUs_img { height: 36px; }
  .industry_swiper .industry_container .industry_swiper_block .industry_swiper_art .industry_des { height: 68px; }
  footer .foot_icp a { display: block; text-align: center; }
  .lshfeatures_newbtn .lshfeatures_newbtnItem { margin: 0 5px; } }
/*# sourceMappingURL=style.css.map */