﻿body {font-family: "Microsoft YaHei";}  a:hover {text-decoration: none;}  #nb_icon_wrap, .yii-debug-toolbar {display: none !important;}  .case .mobile-row .mobile-bg .mobile-qr img {width: 207px;height: 207px;}  .case .mobile-row .mobile-bg .mobile-qr {position: absolute;width: 208px;height: 208px;z-index: -1;top: 138px;left: 50%;margin-left: -103px;-webkit-transform: scale(.3);-moz-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}  .case .mobile-row .mobile-bg:hover .mobile-qr, .case .mobile-row .mobile-bg:focus .mobile-qr, .case .mobile-row .mobile-bg:active .mobile-qr {-webkit-transform: scale(1);transform: scale(1);z-index: 2;height: 370px;top: 57px;background-color: #fff;}  @media screen and (min-width: 768px) {  .apply {font-size: 13px;color: #2589ff;display: inline-block;padding: 0 12px;border: 1px solid #2589ff;height: 26px;line-height: 24px;margin-left: 12px;border-radius: 13px;cursor: pointer;}  .menu .right-icon {position: absolute;top: 5px;right: -15px;height: 14px;line-height: 14px;text-align: center;width: 36px;background-color: #ff5c5c;color: #fff;font-size: 12px;border-radius: 7px;border-bottom-left-radius: 0px;}  .container {width: 1200px;position: relative;}  .price-caption {position: relative;cursor: pointer;}  .price-drop {position: absolute;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);top: 50px;left: -18px;line-height: normal;border-radius: 10px;}  .price-caption .price-drop:before {content: '';position: absolute;top: -16px;left: 50%;margin-left: -8px;border: 8px solid transparent;border-bottom-color: #fff;}  .menu .price-drop span a {display: inline-block;width: 90px;height: 40px;color: #7E7E7E;}  .price-drop span {text-align: center;display: inline-block;height: 40px;line-height: 40px;width: 90px;background-color: #fff;}  .price-drop span:first-of-type {border-top-left-radius: 10px;border-top-right-radius: 10px;}  .menu .price-drop span:hover a {color: #2689FF;}  .price-drop span:last-of-type {border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}  .header {overflow: hidden;}  .full-top-bar {width: 100%;position: fixed;top: 0;background-color: rgba(0, 0, 0, 0.4);height: 80px;line-height: 60px;padding-top: 10px;z-index: 99;}  .full-top-bar-fixed {height: 60px;padding: 0;background-color: #353535;}  .top-bar {position: absolute;width: 1200px;left: 50%;margin-left: -600px;z-index: 2;}  .logo {width: 150px;height: 40px;margin: 13px 20px 0 0;float: left;background: url("../images/logo.png") no-repeat center;background-size: 100% 100%;}  .menu {float: left;list-style: none;color: #fff;}  .menu li {display: inline-block;margin-right: 36px;font-size: 14px;}  .menu li a {display: inline-block;height: 100%;color: #fff;}  .menu li a:hover {color: #0099FF;}  a:focus {text-decoration: none}  .price-caption:hover {color: #0099FF;}  .btn-register {float: right;margin-top: 14px;height: 32px;line-height: 30px;width: 80px;color: #2589ff;background: #fff;border-radius: 16px;text-align: center;}  .btn-register:hover {text-decoration: none;color: #2589ff;background: #fafafa;}  .login {height: 32px;line-height: 30px;width: 80px;border-radius: 16px;margin-top: 14px;text-align: center;border: 1px solid #fff;float: right;margin-right: 16px;color: #fff;}  .login:hover {color: #fff;background-color: #528aff;border-color: #528aff;text-decoration: none;}  .swiper-container {width: 100%;}  #funImgWrapper .swiper-slide {width: 258px;height: 460px;}  #funImgWrapper.click .swiper-slide {width: 100%;}  .swiper-container .swiper-wrapper img {height: 100%;}  .swiper-pagination-bullet {width: 24px;height: 6px;background: #e9e9e9;border-radius: 0;}  #funSwiper {margin-top: 50px;height: 60px;line-height: 60px;}  #funSwiper .swiper-slide {width: auto !important;}  #funSwiper .fun-menu-item {font-size: 24px;color: #7d7d7d;display: inline-block;height: 100%;cursor: pointer;}  #funSwiper .fun-menu-item.active {color: #2589ff;padding-bottom: 13px;border-bottom: 2px solid #2589ff;}  .fun-container {position: relative;}  .fun-container .swiper-button-prev {position: absolute;top: 400px;width: 40px;height: 40px;left: 0;background: url("../images/arrow_left.png") no-repeat center;background-size: 100%;}  .fun-container .swiper-button-next {position: absolute;top: 400px;width: 40px;height: 40px;right: 0;background: url("../images/arrow_right.png") no-repeat center;background-size: 100%;}  .new-notice {width: 1200px;margin: 18px auto;overflow: hidden;}  .new-notice input {margin: 0 10px 0 32px;}  .new-notice label {font-weight: normal;}  .new-notice label a {text-decoration: none;color: #545454;}  .introduce {margin: 56px auto 0;padding-bottom: 56px;}  .introduce h2 {font-size: 32px;}  .introduce h3 {margin: 18px 0 42px 0;font-size: 22px;}  .introduce p {font-size: 16px;}  .introduce .btn-use {display: inline-block;margin-top: 72px;width: 140px;height: 40px;line-height: 40px;border: 1px solid #2589ff;border-radius: 20px;font-size: 16px;text-align: center;color: #2589ff;cursor: pointer;}  .introduce .btn-use:hover, .introduce .btn-intro:hover {background-color: #37b5ff;border-color: #37b5ff;text-decoration: none;color: #fff;}  .introduce .btn-intro {display: inline-block;margin: 72px 20px 0 20px;width: 140px;height: 40px;line-height: 40px;border: 1px solid #2589ff;border-radius: 20px;font-size: 16px;text-align: center;cursor: pointer;color: #2589ff;}  .introduce img {width: 100%;}  .footer-item span {display: inline-block;height: 20px;vertical-align: top;}  .case {}  .case h2 {margin: 96px 0 72px 0;text-align: center;font-size: 34px;}  .case-cate-list {margin: 0;padding: 0;list-style: none;overflow: hidden;}  .case-cate-item {width: 118px;height: 50px;line-height: 50px;margin: 0 0 16px 25px;float: left;background: #fff;text-align: center;font-size: 20px;color: #7d7d7d;border: 1px solid #e2e2e2;border-radius: 8px;cursor: pointer;}  .case-cate-item.active {color: #fff;background: #2589ff;}  .case .mobile-row {margin-top: 64px;margin-left: 20px;}  .case .mobile-bg {float: left;width: 240px;height: 484px;margin: 0 50px 30px 0;background: url("../images/mobile_bg.png") no-repeat center;background-size: 100% 100%;position: relative;}  .case .mobile-bg img {position: absolute;width: 208px;height: 370px;top: 56px;left: 50%;margin-left: -103px;}  .case .more-case {width: 146px;height: 48px;margin: 30px auto;line-height: 48px;text-align: center;color: #2589ff;border: 1px solid #2589ff;border-radius: 24px;cursor: pointer;}  .trends {margin: 150px auto 64px;}  .trends img {width: 90%;margin-bottom: 34px;}  .trends p {margin-top: 12px;font-size: 14px;color: #545454;}  .trends p a {color: #545454;}  .trends p a:hover {text-decoration: none;color: #999;}  .trends p .date {padding-right: 10px;color: #999;}  .links {padding-top: 30px;margin-bottom: 40px;border-top: 1px solid #e2e2e2;}  .links h2 {font-size: 20px;color: #545454;}  .links .links-list {margin: 0;padding: 0;list-style: none;}  .links .links-item {float: left;margin: 10px 40px 0 0;}  .links .links-item a {color: #999;}  .links .links-item a:hover {color: #888;text-decoration: none;}  .links .links-item a:focus {text-decoration: none;}  .footer {padding: 52px 0 0 0;}  .footer .footer-item {display: inline-block;margin-right: 20px;vertical-align: top;}  .footer h3 {padding-left: 10px;font-size: 16px;color: #fff;border-left: 1px solid #0aaed4;}  .footer p {margin: 10px 0 0 10px;font-size: 14px;color: #667a9d;}  .footer p a {color: #667a9d;}  .footer p a:hover {text-decoration: none;color: #fff;}  .footer .code-container {display: inline-block;margin: 0 16px 34px 0;width: 148px;}  .footer .code-container h2 {font-size: 16px;color: #fff;text-align: center;}  .footer .arrow-bg {width: 140px;height: 155px;background: url("../images/arrow_bg.png") no-repeat center;background-size: 100% 100%;text-align: center;}  .footer .arrow-bg img {margin-top: 22px;height: 125px;}  .bottom-bar {height: 40px;line-height: 40px;background: #192948;text-align: center;color: #667a9d;}  .right-tool-bar {position: fixed;width: 50px;bottom: 10%;right: 0px;z-index: 2;}  .right-tool-bar img {margin-bottom: 6px;cursor: pointer;}  .right-tool-bar .btn_tryout {margin: 72px 0 0 -20px;}  .core_container img {display: block;width: 1200px;margin: 50px auto 0;}  .main-intro {padding-bottom: 50px;background: url("../images/intro_bg.png") no-repeat center;background-size: 100% 100%;text-align: center;}  .main-intro h2 {margin: 50px 0 34px 0;font-size: 36px;text-align: center;color: #3ea0e6;}  .main-intro .box-4 {display: inline-block;width: 230px;height: 190px;margin-right: 20px;border: 2px solid #fff;border-radius: 2px;overflow: hidden;}  .main-intro .box-4 img {margin-top: 36px;}  .main-intro .box-4 h4 {margin: 5px 0 0 0;padding: 0;font-size: 18px;color: #545454;}  .main-intro .box-7 {display: inline-block;width: 110px;margin-right: 40px;text-align: center;vertical-align: top;}  .main-intro .box-7 h3 {margin: 24px 0 18px 0;font-size: 16px;color: #ff7429;vertical-align: top;}  .main-intro .box-7 p {margin: 3px 0 0 0;}  .fun-detail .fun-list {margin: 48px auto;padding: 0;list-style: none;overflow: hidden;width: 952px;height: 40px;}  .fun-detail .fun-item {float: left;height: 40px;width: 120px;text-align: center;line-height: 40px;margin-right: 16px;font-size: 15px;color: #0088FF;border: 1px solid #0088FF;border-radius: 20px;cursor: pointer;}  .fun-detail .fun-item.active {background: #2589ff;color: #fff;}  .fun-detail img {display: none;}  .fun-detail img.active {display: block;margin: 0 auto 72px;transition: all .3s;}  .news-section {background: #f2f2f2;overflow: hidden;}  .news-container {margin-top: 30px;background: #fff;}  .news-container .news-cate-list {margin: 0;padding: 0;list-style: none;}  .news-container .news-cate-list li {position: relative;left: -15px;height: 80px;line-height: 80px;border-left: 8px solid #fcfcfc;background: #fcfcfc;text-align: center;font-size: 20px;color: #545454;cursor: pointer;}  .news-container .news-cate-list li a {color: #545454;}  .news-container .news-cate-list li a:hover {text-decoration: none;}  .news-container .news-cate-list li.active a {color: #2589ff;}  .news-container .news-cate-list li.active {border-left: 8px solid #2589ff;color: #2589ff;background: #fff;}  .news-container .news-list {margin: 0;padding: 0;list-style: none;}  .news-container .news-item {padding: 24px 0;margin-right: 64px;overflow: hidden;border-bottom: 1px solid #e2e2e2;position: relative;}  .news-container .news-item img {float: left;margin-right: 21px;cursor: pointer;}  .news-container .news-item h3 {margin: 0;}  .news-container .news-item h3 a {margin: 0;font-size: 22px;color: #545454;cursor: pointer;}  .news-container .news-item h3 a:hover {text-decoration: none;}  .news-container .news-item .content {margin-top: 10px;line-height: 1.2;font-size: 15px;color: #999;}  .news-container .news-item .time {position: absolute;bottom: 14px;left: 234px;color: #999;}  .news-container .news-item .pageviews {position: absolute;bottom: 14px;right: 20px;color: #999;}  .news-container .news-detail {margin: 0 64px;}  .news-container .news-detail .title {margin-top: 64px;}  .news-container .news-detail .time {margin-top: 16px;font-size: 15px;color: #999;}  .news-container .news-detail .content {margin: 30px 0 80px;font-size: 15px;color: #333;}  .news-container .news-detail .content p {line-height: 1.5;}  .news-container .news-detail .content p a {text-decoration: none;}  .news-container .news-detail .content img {max-width: 100%;cursor: pointer;}  .pager-center {display: table;margin-left: auto !important;margin-right: auto !important;}  .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: #2589ff;border-color: #2589ff;}  .query-input {width: 1000px;margin: 0 auto 120px;height: 45px;position: relative;font-size: 14px;}  .query-info {position: absolute;top: 295px;left: 110px;font-size: 16px;color: #353535;width: 200px;text-align: center;}  .query-info.fail-query {top: 210px;left: 95px;}  .query-about {position: relative;width: 750px;height: 530px;margin: 0 auto;}  .query-input input {width: 853px;border: 1px solid #c2d2e1;height: 45px;padding: 0 10px;color: #999999;outline: 0;}  .query-input .input-btn {position: absolute;top: 0;right: 0;height: 45px;line-height: 45px;text-align: center;width: 147px;color: #fff;background-color: #3399ff;cursor: pointer;}  .query-input input:focus {outline: 0;}  .query-img-list {display: flex;justify-content: center;flex-wrap: wrap;width: 1220px;margin: 0 auto;}  .query-img-list img {width: 385px;margin: 0 10px 27px;height: 330px;text-align: center;box-shadow: 0 0 5px rgba(237, 237, 237, 1.0)}  .query-bg {width: 100%;position: absolute;bottom: 0;}  .version-container {margin: 100px auto;}  .version-container .version-box {height: 226px;margin-top: 30px;border-radius: 16px;box-shadow: 0 0 16px rgba(0, 0, 0, .2);overflow: hidden;}  .version-container .version-box .left-box {position: relative;width: 280px;height: 100%;float: left;}  .version-container .version-box .left-box h3 {margin: 70px 0 0 20px;font-size: 32px;color: #fff;}  .version-container .version-box .left-box .price {margin: 32px 0 0 20px;font-size: 36px;font-weight: bold;color: #fff;}  .version-container .version-box .left-box s {position: absolute;right: 20px;bottom: 45px;font-size: 22px;color: #fff;}  .version-container .version-box .right-box {width: 170px;height: 150px;margin: 38px 0;float: right;text-align: center;border-left: 1px solid #e2e2e2;}  .version-container .version-box .right-box img {display: block;width: 22px;margin: 46px auto 12px;cursor: pointer;}  .version-container .version-box .right-box span {color: #ff5c5c;font-size: 16px;cursor: pointer;}  .version-container .version-box .main-box {height: 100%;margin: 0 226px 0 328px;}  .version-container .version-box .num-container {padding: 25px 0 8px 0;border-bottom: 1px solid #e2e2e2;}  .version-container .version-box .num-container .num-box {display: inline-block;margin-right: 90px;}  .version-container .version-box .num-container .num-box h4 {font-size: 54px;color: #545454;}  .version-container .version-box .num-container .num-box h4 span {font-size: 20px;}  .version-container .version-box .num-container .num-box h5 {font-size: 22px;color: #545454;}  .version-container .version-box .main-box p {margin: 0;font-size: 16px;color: #ff5c5c;}  .proposer-modal-bg, .version-modal-bg {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .3);z-index: 99;}  .proposer-modal-bg.hide .version-modal-bg.hide {display: none;}  .version-modal-bg .btn-close {position: absolute;top: -10px;right: -10px;cursor: pointer;}  .proposer-modal-bg .btn-close-proposer {position: absolute;top: 10px;right: -30px;color: #fff;font-size: 24px;cursor: pointer;}  .proposer-modal {display: table;position: relative;width: 561px;margin: 200px auto 0;padding: 40px;background: #fff;border-radius: 16px;}  .proposer-modal h4 {text-align: center;color: #2589ff;margin-bottom: 18px;}  .proposer-modal .control-label {display: none}  .proposer-modal .form-group {margin-bottom: 18px;}  .proposer-modal textarea {resize: none;}  .proposer-modal .btn-primary {display: block;width: 310px;margin: 0 auto;padding: 10px 12px;background: #2589ff;border-color: #2589ff;}  .version-modal {display: table;position: relative;width: 1172px;margin: 250px auto 0;background: #fff;border-radius: 16px;}  .version-modal .version-detail {height: 560px;padding: 40px;overflow-y: auto;}  .menu-bar {height: 73px;font-size: 14px;color: #fff;background-image: url('../images/nav-bar.png');}  .menu-bar-list {width: 1000px;height: 73px;display: flex;justify-content: center;margin: 0 auto;}  .menu-bar .menu-bar-list .menu-bar-item {flex-grow: 1;text-align: center;height: 73px;position: relative;cursor: pointer;}  .menu-bar-small-icon {height: 15px;width: 15px;display: inline-block;position: absolute;top: 14px;left: 50%;margin-left: -7.5px;}  .menu-bar .menu-bar-item .menu-bar-big-icon {display: none;}  .menu-bar .menu-bar-item.active {font-size: 18px;}  .menu-bar .menu-bar-text {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 51.5px;padding-top: 15px;border-top: 1px solid #fff;}  .menu-bar .menu-bar-item.active .menu-bar-small-icon {display: none;}  .menu-bar .menu-bar-item.active .menu-bar-big-icon {height: 23px;width: 23px;display: inline-block;position: absolute;top: 10px;left: 50%;margin-left: -11.5px;}  .about-content {width: 1080px;margin: 0 auto;padding-top: 110px;}  .about-content .company-img {display: block;width: 1075px;margin: 65px auto 55px;}  .about-content .content {width: 1075px;}  .about-content .content + .about-title {margin: 115px 0 90px;}  .about-content .content p {font-size: 18px;line-height: 1.5;color: #545454;text-indent: 2em;}  .our-team {height: 527px;display: flex;align-items: center;}  .our-team-left {width: 524px;margin-right: 105px;}  .our-team-left > div {margin-bottom: 35px;display: flex;justify-content: space-between;}  .our-team-left > div img {height: 246px;width: 246px;}  .big-team-img {height: 246px;width: 524px;}  .year-list {margin: 0;padding: 0;list-style: none;}  .year-list li {height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #999;cursor: pointer;}  .year-list li.active {color: #545454;}  .timeline {margin-top: 80px;}  .timeline .about-title {margin: 145px 0 65px;}  .timeline .time-line {width: 4px;height: 832px;background-color: #3399ff;margin-top: 65px;margin-left: 150px;}  .develop-list {margin: 0 0 80px 0;padding: 0;list-style: none;}  .develop-item {position: relative;padding: 0 0 82px 20px;}  .dot {width: 20px;height: 20px;position: absolute;left: -12px;top: 57px;background: url("../images/dot_blue.png") no-repeat center;}  .develop-item .date {width: 140px;position: absolute;font-size: 60px;line-height: 1;text-align: center;color: #3399ff;}  .develop-item .date span {display: block;margin: 0;padding: 0;}  .develop-item .content {margin-left: 180px;padding-top: 42px;}  .develop-item .content h3 {margin: 0;font-size: 25px;color: #3399ff;margin-bottom: 17px;}  .develop-item .content p {font-size: 21px;color: #666666;}  .environment-container .about-title {margin: 115px 0 70px;}  .environment-container .row img {width: 100%;}  .environment-container .team-intro {width: 900px;margin: 30px auto 60px;font-size: 15px;color: #545454;}  .work-in {width: 1076px;height: 753px;position: relative;margin: 0 auto;}  .work-in .work-in-txt {padding-top: 114px;font-size: 18px;color: #545454;}  .work-in-txt div:first-of-type {margin-bottom: 30px;font-size: 26px;}  .work-in .carousel1 {position: absolute;top: 0;right: 0;height: 497px;width: 635px;}  .work-in .carousel2 {position: absolute;bottom: 72px;left: 0;height: 312px;width: 459px;}  .work-in .other-carousel {position: absolute;right: 0;bottom: 0;display: flex;justify-content: space-between;width: 595px;}  .work-in .other-carousel img {width: 285px;height: 226px;}  #company .culture-first {color: #666666;font-size: 18px;display: flex;justify-content: center;margin-bottom: 135px;}  #company .culture-title {font-size: 32px;color: #545454;}  #company .line {height: 4px;width: 60px;background-color: #545454;margin: 35px 0;}  #company .culture-first .wenhua-1 {height: 401px;width: 693px;}  #company .culture-first .wenhua-2 {height: 416px;width: 639px;}  #company .culture-first .wenhua-3 {height: 600px;width: 500px;}  #company .about-title {margin: 120px 0 100px;}  .qualification .about-title {margin: 170px 0 100px;}  .qualification .qualification-list {display: flex;flex-wrap: wrap;}  .qualification .qualification-list > div {margin-bottom: 75px;width: 290px;font-size: 18px;color: #545454;text-align: center;height: 326px;}  .qualification img {width: 197px;max-height: 281px;}  .contact-container {padding-top: 80px;position: relative;width: 100%;}  .contact-list {display: flex;justify-content: center;}  .contact-item {margin: -47px 38px 0;height: 373px;width: 498px;background-image: url('../images/blue.png');background-size: 100% 100%;}  .contact-card {padding-top: 40px;width: 442px;height: 320px;background-image: url('../images/card-bg.png');background-size: 100% 100%;border-radius: 16px;}  .contact-card h4 {margin-bottom: 20px;text-align: center;font-size: 28px;color: #545454;}  .contact-card .contact-info {padding-left: 80px;font-size: 18px;color: #545454;}  #map {height: 480px;margin-top: 150px;background: #eee;}  .address_bg {position: absolute;bottom: 0;width: 100%;height: 150px;line-height: 150px;background: rgba(0, 0, 0, .3);}  .address_bg img {margin: 60px 80px 0 680px;float: left;}  .address_bg p {margin-top: 50px;line-height: 1.5;font-size: 20px;color: #fff;}  .roundabout-holder {width: 850px;height: 496px;margin: 0 auto;}  .roundabout-moveable-item {width: 646px;height: 412px;cursor: pointer;border: 3px solid #ccc;border: 3px solid rgba(0, 0, 0, 0.08);border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;list-style: none;}  .roundabout-moveable-item img {width: 100%;}  .roundabout-in-focus {border: 3px solid rgba(0, 0, 0, 0.2);}  .roundabout-prev, .roundabout-next {position: absolute;width: 48px;height: 48px;bottom: 220px;z-index: 999;cursor: pointer;}  .roundabout-prev {left: 180px;background: url("../images/arrow_left.png") no-repeat center;}  .roundabout-next {right: 190px;background: url("../images/arrow_right.png") no-repeat center;}  .app-center-container {width: 100% !important;margin: 0 auto;background-color: #F6F9FE;padding: 48px 0 80px 0;}  .app-center-container h3 {margin-bottom: 40px;}  .app-center-container .app-menu {width: 960px;margin: 65px auto;padding: 0;list-style: none;}  .app-center-container .app-item {height: 48px;border: 1px solid #e2e2e2;line-height: 46px;width: 140px;border-radius: 24px;font-size: 18px;text-align: center;background-color: #fff;color: #7d7d7d;margin-left: 60px;cursor: pointer;display: inline-block;}  .app-center-container .app-item:first-of-type {margin-left: 0;}  .app-center-container .app-item a {color: #7d7d7d;}  .app-center-container .app-item:hover {background-color: #f0f0f0;}  .app-center-container .app-item a:hover {text-decoration: none;}  .app-center-container .app-item.active {background-color: #3399ff;color: #fff;}  .app-center-container .app-item.active a {color: #fff;}  .app-center-container .app-item-all {background: url("../images/menu_qb.png") no-repeat 24px center;}  .app-center-container .app-item-all.active {background: url("../images/menu_qb_s.png") no-repeat 24px center;}  .app-center-container .app-item-mail {background: url("../images/menu_sc.png") no-repeat 24px center;}  .app-center-container .app-item-mail.active {background: url("../images/menu_sc_s.png") no-repeat 24px center;}  .app-center-container .app-item-video {background: url("../images/menu_sp.png") no-repeat 24px center;}  .app-center-container .app-item-video.active {background: url("../images/menu_sp_s.png") no-repeat 24px center;}  .app-center-container .app-item-shop {background: url("../images/menu_wd.png") no-repeat 24px center;}  .app-center-container .app-item-shop.active {background: url("../images/menu_wd_s.png") no-repeat 24px center;}  .app-center-container .app-item-group {background: url("../images/menu_pt.png") no-repeat 24px center;}  .app-center-container .app-item-group.active {background: url("../images/menu_pt_s.png") no-repeat 24px center;}  .app-center-container .app-icon-menu {padding: 0;list-style: none;overflow: hidden;width: 1250px;margin: 0 auto;}  .app-center-container .app-icon-item {padding-top: 10px;margin: 0 20px 60px 20px;float: left;width: 261px;position: relative;top: 0;font-size: 20px;border-radius: 12px;}  .app-center-container .app-icon-item .app-icon-info {background-color: #fff;width: 261px;padding: 20px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}  .app-center-container .app-icon-item .app-icon-intro {margin: 20px 0 15px;font-size: 14px;color: #999;}  .app-center-container .app-icon-item img {width: 261px;height: 261px;border-top-left-radius: 12px;border-top-right-radius: 12px;}  .app-center-container .app-icon-item:hover {top: -10px;}  .app-center-container .img-bar {margin-top: 100px;}  .app-center-container .img-bar img {margin-right: 30px;}  .app-detail-center {padding-top: 20px;}  .app-detail-center .app-info {padding: 20px 32px;background: #fff;overflow: hidden;}  .app-detail-center .app-info img {float: left;margin-right: 40px;}  .app-detail-center .app-info h2 {margin-top: 28px;font-size: 28px;color: #545454;font-weight: normal;}  .app-detail-center .app-info h4 {margin-top: 16px;font-size: 15px;color: #999;font-weight: normal;}  .app-detail-center .app-info .price {margin-top: 30px;font-size: 28px;color: #ff5c5c;}  .app-detail-center .app-content {margin: 20px 0 80px;padding: 20px;background: #fff;}  .app-detail-center .relevant-app {background: #fff;overflow: hidden;}  .app-detail-center .relevant-app h3 {font-size: 16px;margin: 10px 8px;padding-left: 8px;color: #545445;border-left: 4px solid #2589ff;}  .app-detail-center .relevant-app .line {margin: 0 8px;height: 1px;background: #e2e2e2e2;}  .app-detail-center .relevant-app .app-list {margin: 0;padding: 0 0 24px 0;list-style: none;}  .app-detail-center .relevant-app .app-list li {padding: 25px 20px 0 20px;}  .app-detail-center .relevant-app .app-list li img {float: left;margin-right: 20px;}  .app-detail-center .relevant-app .app-list li h4 {margin-top: 8px;font-size: 16px;color: #545454;}  .app-detail-center .relevant-app .app-list li .price {margin-top: 12px;font-size: 16px;color: #ff5c5c;}  #service {width: 238px;border-radius: 8px;border: 1px solid #E2E2E2;padding: 30px 20px;font-size: 16px;color: #545454;background-color: white;position: fixed;bottom: 10%;right: 52px;z-index: 999;}  .title {height: 20px;line-height: 20px;font-size: 16px;color: #545454;}  .title img {height: 20px;width: 20px;margin-right: 8px;border: 0;vertical-align: bottom;}  .customService {margin-left: 28px;}  .customService span {display: inline-block;width: 62px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #e2e2e2;border-radius: 4px;font-size: 14px;text-decoration: none;margin: 14px 12px 18px 0;cursor: pointer;}  .customService .qq {display: inline-block;width: 72px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #e2e2e2;border-radius: 4px;font-size: 14px;text-decoration: none;margin: 14px 12px 18px 0;cursor: pointer;}  #cancel {float: right;margin-right: -4px;margin-top: -16px;cursor: pointer;}  #cancel img {height: 14px;width: 14px;border: 0;vertical-align: top;}  .qr {height: 150px;width: 150px;border: 0;vertical-align: bottom;margin-top: 14px;margin-left: 28px;}  #newBridge #nb_nodeboard {position: fixed;top: 245px;right: 52px;display: none;}  .rightService {height: 110px;width: 50px;background-color: #00479d;border-bottom: 1px solid #ffffff;text-align: center;cursor: pointer;}  .rightService img {margin-top: 24px;height: 24px;width: 24px;margin-bottom: 4px;}  .rightService div {font-size: 14px;color: #ffffff;}  .top {height: 50px;width: 50px;background-color: #00479d;border-bottom-left-radius: 8px;line-height: 50px;text-align: center;cursor: pointer;}  .rightService:hover {background-color: #0088ff;}  .top:hover {background-color: #0088ff;}  .nb-success-box {top: 25% !important;}  .core {position: relative;height: 1518px;}  .coreTitle, .coreTitle-2 {margin-top: 100px;height: 38px;line-height: 38px;text-align: center;}  .coreTitle span, .coreTitle-2 span {margin: 0 62px;font-size: 38px;color: #545454;}  .coreTitle img, .coreTitle-2 img {height: 18px;width: 186px;margin-bottom: 10px;display: inline;}  .center {height: 1368px;width: 2px;position: absolute;left: 50%;margin-left: -2px;}  .core .function:nth-child(3) {height: 232px;position: absolute;left: 50%;margin-left: -582px;}  .core .function:nth-child(4) {height: 232px;position: absolute;left: 50%;top: 290px;margin-left: -10px;}  .core .function:nth-child(5) {height: 232px;position: absolute;left: 50%;margin-left: -582px;top: 455px;}  .core .function:nth-child(6) {height: 232px;position: absolute;left: 50%;margin-left: -10px;top: 595px;}  .core .function:nth-child(7) {height: 232px;position: absolute;left: 50%;margin-left: -582px;top: 775px;}  .core .function:nth-child(8) {height: 232px;position: absolute;left: 50%;margin-left: -10px;top: 915px;}  .core .function:nth-child(9) {height: 232px;position: absolute;left: 50%;margin-left: -582px;top: 1105px;}  .core .function:nth-child(10) {height: 232px;position: absolute;left: 50%;margin-left: -10px;top: 1245px;}  .functionImage, .functionImage-2 {width: 222px;height: 232px;float: left;}  .functionLeft {font-size: 16px;color: #545454;width: 208px;float: left;text-align: right;}  .functionRight {font-size: 16px;color: #545454;width: 280px;float: left;text-align: left;}  .functionLeft div:first-child {font-size: 30px;display: block;margin-top: 55px;margin-bottom: 15px;}  .functionRight div:first-child {font-size: 30px;display: block;margin-top: 55px;margin-bottom: 15px;}  .dev {margin-left: 15px;margin-top: 68px;width: 145px;height: 20px;float: left;}  .dev-2 {margin-right: 15px;margin-top: 68px;width: 145px;height: 20px;float: left;}  .button-prev {width: 40px;height: 40px;background: url("../images/arrow_left.png") no-repeat center;background-size: 100%;position: absolute;top: 49px;left: 60px;cursor: pointer;}  .button-next {width: 40px;height: 40px;background: url("../images/arrow_right.png") no-repeat center;background-size: 100%;position: absolute;top: 49px;right: 71px;cursor: pointer;}  .hidden-item {display: none;}  .webService, .nav-left, .environment-img, .nav-right, .drop, .more-trends, .more-case-2, .btn-intro-2, .go-back {display: none;}  .look-image {z-index: 999;position: fixed;top: 0;left: 0;width: 100%;height: 100%;line-height: 100%;overflow: auto;text-align: center;background-color: rgba(0, 0, 0, 0.5);padding: 15% 0;}  .ad-img {margin-top: 5%;margin-left: -5%;cursor: pointer;}  .close-ad {margin-top: -30%;cursor: pointer;}  .open-image {z-index: 999;position: fixed;top: 0;left: 0;text-align: center;width: 100%;height: 100%;line-height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);}  .lookimg {margin-top: -10%;}  .lookimg-2 {margin-bottom: 5%;}  .breadcrumb {background-color: white;font-size: 16px;margin-top: 20px;}  .about-title {font-size: 34px;color: #545454;text-align: center;}  .qualification-img {height: 301px;display: flex;align-items: center;justify-content: center;}  }  @media screen and (max-width: 767px) {  body {background-color: #F7F7F7;}  ul {list-style: none;}  .open-image {display: none !important;}  .open-image img {display: none !important;}  .breadcrumb {font-size: 16px;}  #newBridge #nb_toolbar_wrap, #service, .right-tool-bar, #myroundabout, .trends p, .btn-register, .login, .functionImage-2, .btn-detail, .swiper-button-prev, .swiper-button-next, .more-case, .btn-intro, .news-item .content, .pageviews, .app-center-container .col-lg-9 > h3, .app-center-container .col-lg-3 > h3, .amap-logo, .amap-copyright, .core .center, .functionLeft div, .functionRight div, .dev, .dev-2 {display: none !important;}  .menu li a:active {background-color: #9D9D9D;margin: 0 30%;}  .full-top-bar {background-color: #3D3D3D;width: 100%;height: 5rem;border-bottom: 1px solid #4A4A4A;position: fixed;top: 0;z-index: 20;}  .nav-left {float: left;height: 5rem;width: 5rem;background: url("../images/nav.png") no-repeat center;background-size: 50% 50%;}  .nav-right {float: right;height: 5rem;width: 5rem;background: url("../images/login.png") no-repeat center;background-size: 50% 50%;}  .nav-right + a {display: block;height: 5rem;width: 10rem;margin: 0 auto;}  .logo {height: 5rem;width: 10rem;background: url("../images/logo.png") no-repeat center;background-size: 100% 60%;}  .top-bar .menu {width: 100%;position: absolute;background-color: #3D3D3D;z-index: 3;list-style: none;padding: 0;display: none;}  .top-bar .menu a {display: block;color: white;height: 5rem;line-height: 5rem;font-size: 18px;text-align: center;}  #main-swiper {margin-top: 5rem;height: 16rem;}  #main-swiper img {height: 100%;object-fit: cover;z-index: 2;}  .new-notice {height: 3.5rem;overflow: hidden;line-height: 3.5rem;padding-left: 1rem;background-color: white;}  .new-notice label {margin-left: 1.8rem;display: inline;}  .new-notice input {vertical-align: middle;margin-top: -2px;}  .new-notice a {color: black;font-weight: normal;margin-left: 0.75rem;}  .introduce {background-color: white;margin-top: 1rem;padding-top: 1.5rem;}  .introduce {text-align: center;}  .introduce h2 {margin-bottom: 1.5rem;}  .introduce h3 {margin-top: 1.5rem;color: #979797;}  .introduce p {color: #979797;margin-bottom: 1rem;}  .introduce img {width: 100%;height: 100%;margin-top: 2rem;margin-bottom: 3rem;}  .introduce .btn-use {background-color: #2589ff;color: #fff;}  .introduce .btn-intro-2 {color: #2589ff;}  .introduce .btn-use, .btn-intro-2 {margin: 2rem 0.5rem;display: inline-block;width: 40%;height: 4rem;line-height: 4rem;border: 1px solid #2589ff;border-radius: 2.5rem;text-align: center;}  .fun-container {margin-top: 1rem;background-color: white;}  .fun-container #funSwiper {height: 5rem;line-height: 5rem;text-align: center;color: #7D7D7D;font-size: 16px;border-bottom: 1px solid #EEEEEE;}  .fun-container #funSwiper .active {display: inline-block;height: 100%;color: #2589FF;border-bottom: 1px solid #2589FF;}  .fun-container #funImgSwiper {width: 100% !important;margin: 3rem 0 !important;}  .fun-container #funImgSwiper .swiper-slide {width: 25rem !important;margin-right: 2rem !important;margin-left: 0.5rem;padding-right: 1rem;padding-bottom: 1rem;}  .swiper-slide img {width: 100%;height: 100%;}  .fun-container #funSwiper .swiper-slide {margin-right: 1rem !important;width: 7rem;}  .case {margin-top: 1rem !important;width: 100%;background-color: white;padding: 0;padding-bottom: 4rem;}  .case h2 {text-align: center;}  .case .case-cate-list {list-style: none;padding: 0;width: 100%;background-color: #F7F7F7;padding-left: 4%;padding-bottom: 4%;display: none;}  .case .case-cate-item {width: 20%;margin: 4% 4% 0 0;height: 4rem;line-height: 4rem;display: inline-block;text-align: center;background-color: white;border: 1px #E2E2E2 solid;border-radius: 0.5rem;z-index: 5;}  .case-cate-list .active {background-color: #2589FF;color: white;border: 1px #2589FF solid;}  .drop {margin: 0 auto 1rem;width: 6rem;font-size: 18px;}  .drop-btn {display: inline-block;height: 1.2rem;width: 1.8rem;background: url("../images/down.png") no-repeat center;background-size: 100% 100%;}  .case .row {margin: 0 auto;}  .case .mobile-bg {margin-left: 3%;margin-bottom: 5%;width: 45%;height: 36rem;background: url("../images/mobile_bg.png") no-repeat center;background-size: 100% 100%;display: none;}  .case .mobile-bg:first-child {display: inline-block;}  .case .mobile-bg:nth-child(2) {display: inline-block;}  .case .mobile-bg img {margin-top: 25%;margin-left: 7.5%;width: 85.5%;height: 76.5%;}  .case .more-case-2 {width: 15rem;height: 5rem;border: 1px solid #2589FF;color: #2589FF;border-radius: 3rem;line-height: 5rem;text-align: center;margin: 2rem auto;}  .trends {margin-bottom: 1.5rem;}  .trends .col-lg-4 {margin-top: 1.5rem;position: relative;}  .more-trends {position: absolute;height: 1.5rem;width: 1.5rem;top: 32%;left: 37%;}  .more-trends img {width: 100%;height: 100%;}  .links {background-color: white;}  .links h2 {font-size: 20px;}  .footer h2, .footer h3 {color: white;font-size: 20px;}  .footer p {display: inline;margin-right: 0.5rem;}  .footer .footer-item:nth-child(3) p {display: block;margin-right: 0.5rem;}  .footer-item span {display: inline-block;height: 20px;vertical-align: top;}  .footer-item, .footer a {color: #6A7797;}  .code-container {display: inline-block;text-align: center;width: 49%;margin: 0 !important;}  .footer .arrow-bg {background: url("../images/arrow_bg.png") no-repeat center;background-size: 90% 100%;text-align: center;}  .arrow-bg img {margin: 2rem 0.5rem 1rem;height: 11rem;}  .bottom-bar {margin-top: -0.1rem;width: 100%;height: 6rem;line-height: 6rem;text-align: center;background-color: #32425C;color: #576583;margin-bottom: 5rem;}  .webService {height: 5rem;background-color: #2589FF;color: white;text-align: center;font-size: 18px;line-height: 5rem;width: 100%;position: fixed;bottom: 0;z-index: 20;}  .webService a {font-style: none;color: white;}  .news-container, .news-container .col-lg-3, .news-cate-list, .news-container .col-lg-9, .news-list {padding: 0;width: 100%;}  .news-container .row {margin: 0;}  .news-cate-list .active {color: #51A1FF;border-bottom: 1px solid #51A1FF;}  .news-cate-list .active a {color: #51A1FF;}  .news-container .col-lg-3, .news-cate-list {float: left;background-color: white;margin-bottom: 1rem;height: 5rem;z-index: 2;}  .news-container .col-lg-9 {margin-top: 6rem;}  .news-list {background-color: #F7F7F7;width: 100%;}  .news-container .news-list .news-item {height: 14rem;border-bottom: 1px solid #F7F7F7;float: left;background-color: white;}  .news-cate-list li {float: left;width: 25%;height: 5rem;line-height: 5rem;text-align: center;}  .news-cate-list li a {color: #545454;font-size: 20px;}  .news-item > a {float: left;width: 50%;height: 100%;}  .news-item h3 {float: left;width: 50%;font-size: 16px;padding-left: 1rem;height: 8rem;}  .news-item h3 a {display: inline-block;color: #545454;width: 95%;}  .news-item img {padding: 5%;width: 100%;height: 100%;}  .news-item .time {float: left;padding-left: 1rem;color: #999999;}  .pager-center {margin: 2rem;}  .pager-center li:nth-child(6) a {margin-right: 0;}  .pager-center span, .pager-center a {border-radius: 0 !important;margin-right: 1.5rem;margin-bottom: 1rem;}  .news-detail {padding: 1.5rem;background-color: white;}  .news-detail .title {font-size: 24px;}  .news-detail .content p {color: #999999;}  .news-detail .content img {width: 100% !important;height: 100% !important;}  .news-detail .content p:nth-last-child(3) a {display: inline-block;width: 100%;overflow: hidden;}  .app-center-container .row div {padding: 0;}  .app-center-container {padding: 0;}  .app-center-container .app-center-title {display: none;}  .app-menu {padding: 1rem 0 0 0.5rem;margin-bottom: 0;height: 10rem;background-color: #F7F7F7;}  .app-menu .app-item {height: 3rem;width: 9rem;line-height: 3rem;text-align: center;border-radius: 4rem;background-color: #fff;border: 1px solid #dcdddd;display: inline-block;margin: 0.5rem 1rem;}  .app-center-container .app-menu a {color: #545454;}  .app-center-container .app-menu .active {background-color: #3399ff;}  .app-center-container .app-menu .active a {color: #fff;}  .app-icon-menu {padding: 0;background-color: #fff;}  .app-icon-menu .app-icon-intro {display: none;}  .app-icon-menu .list-view {padding-top: 2rem;width: 100%;display: flex;flex-wrap: wrap;}  .app-icon-menu .list-view > div {width: 33%;text-align: center;margin-bottom: 1rem;}  .app-icon-menu .app-icon-item .app-icon-info {width: 100%;}  .app-detail-center {background-color: #F7F7F7;padding: 0;background-color: white;}  .app-detail-center .row, .app-detail-center .col-lg-9, .app-detail-center .col-lg-3 {padding: 0;margin: 0;width: 100%;}  .app-info {height: 18rem;padding-top: 1rem;background-color: white;padding-right: 1.5rem;}  .app-info img {float: left;width: 40%;padding: 3%;margin-right: 1.5rem;}  .app-info > h2 {font-size: 24px;height: 3rem;}  .app-info > h4 {color: #C9C9C9;font-size: 16px;height: 6rem;}  .app-info > p {color: #FF7272;font-size: 18px;}  .app-content {padding-top: 1rem;background-color: #f2f2f2;margin-bottom: 5rem;}  .app-content > p:nth-child(1) {padding: 2rem;margin-bottom: 0;background-color: white;}  .list-paddingleft-2 {background-color: white;margin-bottom: 0;}  .app-content p {background-color: white;margin-bottom: 0;}  .app-content p img {margin-top: 2rem;width: 100% !important;}  .relevant-app {background-color: white;}  .app-detail-center .relevant-app .line {margin: 1rem;height: 1px;background: #e2e2e2e2;}  .relevant-app > h3 {padding-left: 1rem;margin: 0 1rem;color: #767676;display: block;border-left: 2px solid #528AFF;}  .relevant-app > .app-list {margin-top: 1rem;padding: 0;}  .relevant-app > .app-list > li {height: 10rem;width: 50%;padding-top: 1rem;padding-right: 1rem;margin-top: -1rem;float: left;}  .relevant-app > .app-list > li > a {display: inline-block;float: left;margin: 1rem 1rem 1rem 2rem;}  .relevant-app > .app-list > li > h4 {margin-top: 1.5rem;font-size: 14px;color: #545454;}  .app-list .price {color: #FF5C5C;}  .menu-bar {color: #fff;}  .menu-bar .menu-bar-list {padding: 0;height: 5.35rem;line-height: 5.35rem;margin-bottom: 0;background-image: url('../images/nav-bar.png');color: #fff;display: flex;}  .menu-bar-small-icon {margin-top: -2rem;display: inline-block;}  .menu-bar .menu-bar-item .menu-bar-big-icon {display: none;}  .menu-bar .menu-bar-item.active .menu-bar-small-icon {display: none;}  .menu-bar .menu-bar-item.active .menu-bar-big-icon {margin-top: -2rem;display: inline-block;}  .menu-bar .menu-bar-list .menu-bar-item {text-align: center;flex-grow: 1;font-size: 12px;}  .menu-bar .menu-bar-list .menu-bar-text {border-top: 1px solid #fff;margin-top: -3.6rem;height: 4rem;line-height: 4rem;}  .menu-bar .menu-bar-list .active {border-bottom: 0.25rem solid #3399ff;color: #3399ff;}  .our-team-info {color: #545454;font-size: 18px;}  .qualification {padding: 1rem 0;background-color: white;}  .qualification .kaihu {transform: rotate(270deg);}  .qualification .qualification-list {width: 100%;text-align: center;font-size: 20px;}  .qualification .qualification-list {margin-bottom: 1rem;}  .qualification img {width: 60%;margin-bottom: 1rem;}  .qualification .msg {display: none;}  .about-content {background-color: white;text-align: center;padding: 2rem 0 0;}  .about-content .about-title:first-of-type {display: none;}  .about-content img {width: 100%;padding: 0 2.5rem;z-index: 3;margin-bottom: 1.75rem;}  .about-content .content {padding: 0 2.5rem;text-align: left;text-indent: 2.5rem;margin-bottom: 3rem;}  .environment-container {background-color: white;padding: 0;margin-top: 0 !important;padding-top: 2rem;}  .environment-container > h3 {color: #545454;text-align: center;margin: 3rem 0;}  .work-in {position: relative;text-align: center;height: 30rem;margin: 1rem 0 3rem;}  .work-in-txt {position: absolute;bottom: 0;left: 0;right: 0;font-size: 14px;}  .work-in-txt div:first-of-type {margin-bottom: 1rem;font-size: 16px;}  .work-in img {width: 12.5rem;height: 10rem;margin: 1rem;}  .timeline {background-color: white;padding: 3.5rem 0 0 2rem;margin-top: 0 !important;}  .timeline .about-title {margin-bottom: 2rem;}  .timeline .time-line {height: 30rem;width: 0.2rem;margin-top: 2rem;background-color: #3399ff;}  .develop-list {margin-bottom: 2rem;padding: 0;list-style: none;}  .develop-item {position: relative;padding-left: 1.5rem;}  .dot {width: 1rem;height: 1rem;border-radius: 0.5rem;position: absolute;left: -0.6rem;top: 1.5rem;background: url("../images/dot_blue.png") no-repeat center;}  .develop-item .date {width: 5rem;position: absolute;font-size: 26px;line-height: 1;text-align: center;color: #3399ff;left: 0.8rem;}  .develop-item .date span {display: block;margin: 0;padding: 0;}  .develop-item .content {margin-left: 4.5rem;height: 8rem;padding-top: 0.75rem;text-align: left;}  .develop-item .content h3 {margin: 0;font-size: 16px;color: #3399ff;margin-bottom: 0.5rem;}  .develop-item .content .line {display: inline-block;width: 3rem;height: 2px;margin: 1rem 0 1.2rem;background: #528aff;}  .develop-item .content p {font-size: 14px;line-height: 1.5;color: #999;}  .contact-container {background-color: white;padding: 0;}  .work-container {height: 35rem;padding-top: 2rem;background-color: white;}  .contact-container > img, .work-container > img {width: 100%;object-fit: cover;height: 9rem;z-index: 2;}  .work-main {border: 1px solid #EAEAEA;position: relative;height: 20rem;margin: -5rem 5% 0;z-index: 3;background-color: white;}  .work-main h3 {text-align: center;color: #528AFF;}  .work-header {width: 100%;padding: 5%;height: 5rem;}  .work-header .work-header-item {text-align: center;float: left;width: 35%;padding-bottom: 1rem;border-bottom: 1px solid #528AFF;}  .work-header .work-header-item:last-child {width: 30%;text-align: right;}  .outline div {text-align: center;float: left;width: 35%;padding-bottom: 1rem;}  .outline div:last-child {width: 30%;}  .contact-list {margin-top: -3rem;}  .contact-card {position: relative;padding: 3rem 0 3rem 2rem;z-index: 3;width: 26rem;margin: 0 auto;background-color: #fff;border-radius: 1rem;box-shadow: 0 0 0.5rem rgba(0, 0, 0, .2);margin-bottom: 2rem;}  .contact-card .contact-label {width: 7rem;padding-left: 1rem;display: inline-block;}  .contact-card img {height: 9.25rem;width: 9.25rem;}  #map {display: none;}  .address_bg {display: none;}  .functionLeft div:first-child, .functionRight div:first-child {display: block !important;}  .core {background-color: white;height: 80rem;}  .core .coreTitle {width: 84%;padding-top: 5rem;margin: 0 auto !important;}  .core .coreTitle img {width: 32%;}  .core .coreTitle span {margin: 0 7.5%;}  .function {float: left;width: 50%;background-color: white;}  .function img {width: 100%;padding: 15%;}  .function .functionImg {display: block !important;}  .functionLeft div, .functionRight div {text-align: center;font-size: 18px;}  .coreTitle-2 {float: left;background-color: white;padding: 5% 3%;width: 100%;text-align: center;}  .coreTitle-2 img {width: 34%;}  .core_container img {height: 16rem;width: 100%;object-fit: cover;}  .main-intro {width: 100%;text-align: center;background-color: #F7F7F7;}  .main-intro .container h2 {margin-bottom: 2rem;color: #389EE6;font-size: 24px;margin-top: 4rem;}  .main-intro .container .box-4 {float: left;width: 20%;height: 10rem;background-color: white;margin-left: 4%;}  .main-intro .container .box-4 img {width: 100%;height: 60%;padding: 25% 20%;}  .main-intro .container .box-4 h4 {margin: 0 0 0.5rem !important;font-size: 10px;padding: 0 8%;}  .main-intro .container .box-7 {float: left;width: 20%;margin-left: 4%;height: 25rem;}  .main-intro .container .box-7 h3 {margin-top: 0.8rem;font-size: 14px;color: #FF6D20;}  .main-intro .container .box-7 p {margin-bottom: 0;font-size: 10px;}  .main-intro .container .box-7 img {width: 100%;padding: 30%;}  .fun-detail {background-color: white;width: 100%;}  .fun-detail img {display: none;width: 100%;}  .fun-detail img.active {display: block;width: 100%;margin-bottom: 4rem;transition: all .3s;}  .fun-list {margin: 5% 0;padding: 0;}  .fun-list .fun-item {font-size: 12px;padding: 2% 3%;float: left;border: 1px solid #D9D9D9;border-radius: 3rem;margin: 0 2% 4% 0;width: auto;}  .fun-list .fun-item.active {background-color: #0088FF;color: white;border: 1px solid #0088FF;}  .version-box {position: relative;border-radius: 1rem;background-color: white;margin-top: 1.5rem;}  .left-box {width: 100%;padding: 5%;border-top-left-radius: 1rem;border-top-right-radius: 1rem;}  .left-box h3 {margin-top: 0;}  .left-box p {margin-bottom: 0;}  .version-box .right-box {position: absolute;right: 8%;top: 6%;text-align: center;}  .version-box .right-box .btn-detail-2 {margin: 0 auto;display: block !important;width: 40%;}  .version-box .right-box .text-detail {margin-top: 1rem;display: block;}  .left-box > h3, .left-box .price, .right-box .text-detail {color: white;}  .num-container {width: 100%;height: 12rem;border-bottom: 1px solid #E2E2E2;}  .num-box {text-align: left;padding: 5% 0 5% 10%;float: left;width: 30%;margin-right: 3.3%;}  .num-box h4 {font-size: 36px;}  .num-box h4 span {font-size: 16px;}  .main-box > p {padding: 5% 8% 0;text-align: left;color: #FF5C5C;margin: 0 !important;}  .main-box > p:last-child {padding: 0 8% 5%;}  .version-box:last-child {margin-bottom: 3rem;}  .version-detail {background-color: white;padding: 5% 3% 3%;}  .version-detail [title] {width: 100%;}  .btn-close {display: none;}  .version-container {height: 70%;z-index: 2;}  .version-modal-bg {padding: 0 0 20% 0;z-index: 3;}  .go-back button {position: absolute;left: 50%;width: 10rem;margin: 1.5rem 0 0 -5rem;}  .news-detail .content table {width: 100% !important;}  #company {padding-top: 2rem;background-color: #fff;padding-bottom: 4rem;}  #company .culture-first {display: flex;justify-content: space-between;padding: 0 1rem;margin-top: 4rem;}  #company .culture-first .culture-title {font-size: 18px;color: #545454;}  #company .culture-first .line {width: 1.75rem;height: 0.175rem;margin: 0.8rem 0;background-color: #545454;}  #company .culture-first .wenhua-1 {width: 18rem;height: 10.5rem;}  #company .culture-first .wenhua-2 {width: 17.5rem;height: 11.25rem;}  #company .culture-first .wenhua-2 {margin-right: 1.5rem;}  #company .culture-first .wenhua-3 {width: 15.5rem;height: 15rem;}  .company-space {display: none;}  .top-bar .menu span {display: block;color: white;height: 5rem;line-height: 5rem;font-size: 18px;text-align: center;margin-left: 1rem;}  .about-title {font-size: 20px;text-align: center;font-weight: 500;}  .our-team-info {display: none;}  .our-team-left div {display: flex;padding: 2rem 2.5rem 0;justify-content: space-between;margin-bottom: 2rem;}  .our-team-left div img {width: 48%;padding: 0;}  .query-placeholder, .query-bg {display: none;}  .query-input {margin-bottom: 20%;}  .query-input input {height: 4rem;border: 0;width: 100%;padding: 0 5%;}  .query-input .input-btn {width: 100%;margin-top: 1rem;height: 3rem;line-height: 3rem;color: #fff;background-color: #3399ff;text-align: center;}  .look-image {position: fixed;top: 0;left: 0;width: 100%;z-index: 99;height: 100%;}  .query-img-list img {width: 100%;}  .query-about {position: relative;top: 20%;left: 0;width: 100%;z-index: 99;}  .query-about img {width: 31.25rem;padding: 0 2%;}  .query-info {position: absolute;top: 11.3rem;left: 4rem;width: 9rem;font-size: 12px;text-align: center;}  .query-info.fail-query {top: 7.7rem;left: 3.8rem;}  }