.main-box {color:#262626;background:#fff;margin-top:81px;overflow:hidden;} .main-carousel-box {position:relative;} .main-carousel-box:hover .swiper-button-prev,.main-carousel-box:hover .swiper-button-next {display:block;} .main-carousel-box .swiper-slide img {width:100%;} .main-carousel-box .swiper-button-prev,.main-carousel-box .swiper-button-next {display:none;} .main-carousel-box .swiper-button-prev {left:30px;} .main-carousel-box .swiper-button-next {right:30px;} .main-carousel-box .swiper-pagination-bullet {border:1px solid #fff;background:#fff;opacity:1;position:relative;} .main-carousel-box .swiper-pagination-bullet:after {content:'';position:absolute;top:-6px;left:0;width:12px;height:12px;} .main-carousel-box .swiper-pagination-bullet:hover,.main-carousel-box .swiper-pagination-bullet.swiper-pagination-bullet-active {border:2px solid #fff;background:transparent;position:relative;} .main-carousel-box .swiper-pagination-bullet:hover:after,.main-carousel-box .swiper-pagination-bullet.swiper-pagination-bullet-active:after {display:none;} .content-box .content-item .title-label {text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;} .content-box .content-item .main-title {width:100%;font-size:36px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:400;display:flex;justify-content:center;align-items:center;} .content-box .content-item .main-title span {margin:0 50px;font-weight:bold;color:#303030;white-space:nowrap;} .content-box .content-item .main-title i {width:190px;height:2px;background:#d9d9d9;position:relative;top:12px;} .content-box .content-item .sub-title {font-size:14px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;color:#9d9d9d;letter-spacing:1px;max-width:530px;} .content-box .content-item-product {background-repeat:no-repeat;background-size:cover;background-position:center;} .content-box .content-item-product .container {padding:56px 0 0;} .content-box .content-item-product .content {margin-top:30px;} .content-box .content-item-product .content .tabs {display:flex;padding:0 60px;} .content-box .content-item-product .content .tab-menu {width:20%;height:60px;background:transparent;display:flex;justify-content:center;align-items:center;padding:0 10px;margin:0 10px 40px;font-size:20px;letter-spacing:2px;font-family:Microsoft YaHei-Regular,Microsoft YaHei;font-weight:bold;color:#585858;cursor:pointer;user-select:none;transition:0.2s linear;border-bottom:2px solid transparent;position:relative;} .content-box .content-item-product .content .tab-menu.active-item {border-bottom-color:#2058a3;color:#2058a3;} .content-box .content-item-product .content .tab-menu.active-item:after {content:'';width:100%;height:2px;background:rgba(203,203,203,0.5);position:absolute;left:0;bottom:-4px;} .content-box .content-item-product .content .tab-menu .tab-icon {display:inline-block;margin-right:5px;width:40px;height:40px;background-repeat:no-repeat;background-size:cover;background-position:center;} .content-box .content-item-product .content .tab-menu.tab-menu-1 .tab-icon {background-image:url('/content/images/home/ic_simulator_normal.png');} .content-box .content-item-product .content .tab-menu.tab-menu-1.active-item .tab-icon {background-image:url('/content/images/home/ic_simulator_select.png');} .content-box .content-item-product .content .tab-menu.tab-menu-2 .tab-icon {background-image:url('/content/images/home/ic_software_normal.png');} .content-box .content-item-product .content .tab-menu.tab-menu-2.active-item .tab-icon {background-image:url('/content/images/home/ic_software_select.png');} .content-box .content-item-product .content .tab-menu.tab-menu-3 .tab-icon {background-image:url('/content/images/home/ic_signal_normal.png');} .content-box .content-item-product .content .tab-menu.tab-menu-3.active-item .tab-icon {background-image:url('/content/images/home/ic_signal_select.png');} .content-box .content-item-product .content .tab-menu.tab-menu-4 .tab-icon {background-image:url('/content/images/home/ic_io_normal.png');} .content-box .content-item-product .content .tab-menu.tab-menu-4.active-item .tab-icon {background-image:url('/content/images/home/ic_io_select.png');} .content-box .content-item-product .content .tab-menu.tab-menu-5 .tab-icon {background-image:url('/content/images/home/ic_system_normal.png');} .content-box .content-item-product .content .tab-menu.tab-menu-5.active-item .tab-icon {background-image:url('/content/images/home/ic_system_select.png');} .content-box .content-item-product .content .tab-item {display:none;padding:40px 0 50px;margin:0;} .content-box .content-item-product .content .tab-item.active-item {display:block;background-color:#f2f7ff;} .content-box .content-item-product .content .info {padding:40px 20px;} .content-box .content-item-product .content .title {font-size:20px;font-weight:bold;margin-bottom:20px;color:#303030;} .content-box .content-item-product .content .desc {font-size:16px;height:100px;color:#585858;line-height:24px;margin-top:10px;text-align: justify;} .content-box .content-item-product .content .classify {margin-top:10px;} .content-box .content-item-product .content .classify .cols {} .content-box .content-item-product .content .classify .c-name {font-size:16px;color:#585858;line-height:20px;margin-bottom:10px;} .content-box .content-item-product .content .classify .c-value {height:30px;font-size:16px;color:#000;line-height:30px;text-align: justify;} .content-box .content-item-product .content .right-img {margin:0 40px;text-align:right;} .content-box .content-item-product .content .right-img .item-img {width:100%;height:340px;} .content-box .content-item-apply {background:#fff;padding:0;margin-top:20px;} .content-box .content-item-apply .content-bg {width:100%;height:720px;position:relative;} .content-box .content-item-apply .fixed-title .title-label {position:absolute;top:40px;left:0;width:100%;z-index:2;} .content-box .content-item-apply .fixed-title .title-label .main-title span,.content-box .content-item-apply .fixed-title .title-label .sub-title {color:#fff;} .content-box .content-item-apply .fixed-menus {height:100%;position:absolute;top:0;right:0;z-index:2;} .content-box .content-item-apply .fixed-item {width:360px;height:120px;background:rgba(0,0,0,0.5);border-bottom:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;padding:0 50px;transition:0.2s linear;cursor:pointer;user-select:none;} .content-box .content-item-apply .fixed-item.active-item {background:#2058a3;} .content-box .content-item-apply .fixed-item .item-img {width:36px;height:36px;margin-right:16px;} .content-box .content-item-apply .fixed-item .name {flex:1;width:140px;font-size:18px;color:#fff;} .content-box .content-item-apply .swiper-container,.content-box .content-item-apply .swiper-wrapper,.content-box .content-item-apply .swiper-slide {width:100%;height:100%;} .content-box .content-item-apply .swiper-slide .item-img {position:absolute;top:0;left:0;width:100%;height:100%;} .content-box .content-item-apply .swiper-slide .container {height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;} .content-box .content-item-apply .swiper-slide .title {font-size:36px;color:#fff;margin-bottom:26px;} .content-box .content-item-apply .swiper-slide .desc {max-width:800px;font-size:16px;color:#d9d9d9;line-height:30px;margin-bottom:58px;text-align: justify;} .content-box .content-item-apply .swiper-slide .btn {width:180px;height:60px;border:1px solid #fff;font-size:20px;padding:0;letter-spacing:2px;} .content-box .content-item-apply .swiper-slide .btn a {display:block;width:100%;height:100%;color:#fff;display:flex;justify-content:center;align-items:center;} .content-box .content-item-about {background:#fff;padding:56px 0 70px;} .content-box .content-item-about .content {display:flex;justify-content:space-between;margin-top:20px;} .content-box .content-item-about .left-area {width:50%;margin-right:50px;position:relative;} .content-box .content-item-about .left-area .item-img {height:100%;position:absolute;right:0;top:0;object-fit:cover;} .content-box .content-item-about .right-area {width:50%;padding-right:30px;margin-left:40px;} .content-box .content-item-about .right-area .desc {width:696px;height:120px;font-size:18px;color:#585858;line-height:30px;} .content-box .content-item-about .right-area .counts {display:flex;justify-content:space-between;margin-top:30px;} .content-box .content-item-about .right-area .count-item {text-align:center;} .content-box .content-item-about .right-area .number {font-size:46px;font-weight:bold;color:#2058a3;line-height:76px;} .content-box .content-item-about .right-area .name {height:40px;font-size:20px;font-weight:bold;color:#9d9d9d;line-height:40px;} .content-box .content-item-about .right-area .links {width:200px;margin:40px auto 0;position:relative;} .content-box .content-item-about .right-area .links .info {width:500px;height:140px;background:#2058a3;padding:30px;position:absolute;top:20px;left:-480px;opacity:0;border:1px solid rgba(255,255,255,0.5);overflow:hidden;transition:0.4s all linear;} .content-box .content-item-about .right-area .links .info.active-item {opacity:1;} .content-box .content-item-about .right-area .links .info .big-text {height:34px;font-size:20px;font-weight:bold;color:#ffffff;line-height:28px;} .content-box .content-item-about .right-area .links .info .small-text {font-size:16px;color:#d9d9d9;line-height:20px;margin-top:6px;} .content-box .content-item-about .right-area .links .links-menu {position:relative;left:80px;} .content-box .content-item-about .right-area .links .link-item {width:100%;font-size:20px;font-weight:500;color:#9d9d9d;line-height:54px;cursor:pointer;user-select:none;position:relative;padding-left:20px;} .content-box .content-item-about .right-area .links .link-item:after {content:'';position:absolute;bottom:0;left:20px;width:5em;border-bottom:1px solid #d9d9d9;} .content-box .content-item-about .right-area .links .link-item:hover {color:#303030;} .content-box .content-item-about .right-area .links .link-item.active-item {color:#303030;padding-left:6px;font-size:22px;} .content-box .content-item-about .right-area .links .link-item.active-item:before {content:'';width:10px;height:2px;background:#303030;position:absolute;top:50%;left:-12px;margin-top:-2px;} .content-box .content-item-about .right-area .links .link-item.active-item:after {left:4px;} .content-box .content-item-about .right-area .more {text-align:right;height:34px;font-size:20px;line-height:28px;} .content-box .content-item-about .right-area .more a {color:#2058a3;} .content-box .content-item-news {background:#f5f6f8;padding:60px 0;overflow:hidden;} .content-box .content-item-news a:link,.content-box .content-item-news a:visited,.content-box .content-item-news a:hover,.content-box .content-item-news a:active {text-decoration:none;} .content-box .content-item-news .cols-wrapper {background:#fff;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);position:relative;margin-top:10px;} .content-box .content-item-news .cols-wrapper .news-caret {height:40px;line-height:40px;text-align:center;background:rgba(48,48,48,0.6);padding:0 12px;position:absolute;top:0;left:0;z-index:2;font-size:18px;font-weight:bold;color:#fff;} .content-box .content-item-news .cols-wrapper .top-area {height:260px;overflow:hidden;} .content-box .content-item-news .cols-wrapper .top-area .item-img {width:100%;height:100%;object-fit:cover;transition:0.2s all linear;position:relative;z-index:1;} .content-box .content-item-news .cols-wrapper .top-area:hover .item-img {transform:scale(1.1);} .content-box .content-item-news .cols-wrapper .bottom-area {height:184px;padding:12px 20px 0;} .content-box .content-item-news .cols-wrapper .bottom-area:hover .desc {color:#2058a3;font-weight:bold;} .content-box .content-item-news .cols-wrapper .bottom-area .title {height:36px;font-size:16px;font-weight:bold;color:#303030;line-height:30px;} .content-box .content-item-news .cols-wrapper .bottom-area .both-box {display:flex;align-items:center;} .content-box .content-item-news .cols-wrapper .bottom-area .position,.content-box .content-item-news .cols-wrapper .bottom-area .date {display:flex;align-items:center;margin:5px 10px 5px 0;} .content-box .content-item-news .cols-wrapper .bottom-area .position .item-img,.content-box .content-item-news .cols-wrapper .bottom-area .date .item-img {width:18px;margin-right:6px;position:relative;top:-1px;} .content-box .content-item-news .cols-wrapper .bottom-area .position span,.content-box .content-item-news .cols-wrapper .bottom-area .date span {font-size:14px;font-weight:500;color:#585858;} .content-box .content-item-news .cols-wrapper .bottom-area .desc {font-size:14px;color:#585858;line-height:22px;margin-top:8px;transition:0.2s all linear;} .content-box .content-item-news .cols-wrapper .content-area {padding:40px 10px 40px 40px;height:444px;background:#f1f1f1;box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25);overflow-y:hidden;} .content-box .content-item-news .cols-wrapper .content-area a:hover:before {background:#2058a3;} .content-box .content-item-news .cols-wrapper .content-area a:hover .title,.content-box .content-item-news .cols-wrapper .content-area a:hover .date {color:#2058a3;} .content-box .content-item-news .cols-wrapper .content-area a:hover .title {text-decoration:underline;} .content-box .content-item-news .cols-wrapper .content-area .news-item {height:25%;display:flex;flex-direction:column;margin:8px 0;position:relative;} .content-box .content-item-news .cols-wrapper .content-area .news-item:before {content:'';position:absolute;top:10px;left:-18px;width:6px;height:6px;background:#303030;border-radius:50%;transition:0.2s background linear;} .content-box .content-item-news .cols-wrapper .content-area .title {font-size:16px;font-weight:bold;color:#303030;line-height:26px;transition:0.5s all linear;text-decoration: none !important;} .content-box .content-item-news .cols-wrapper .content-area .date {height:22px;font-size:14px;font-weight:800;color:#585858;margin-top:10px;} @media screen and (max-width:768px) { .main-carousel-box .swiper-pagination {bottom:14px !important;} .main-carousel-box .swiper-pagination .swiper-pagination-bullet-active {background:rgba(32,88,163,0.6) !important;} .title-label {margin-bottom:10px !important;} .main-title {font-size:22px !important;margin-bottom:4px !important;} .main-title span {margin:0 12px !important;} .main-title i {height:1px !important;} .sub-title {font-size:12px !important;max-width:100% !important;} .content-item-product {margin-top:0 !important;} .content-item-product .container {padding:20px 0 0 !important;} .content-item-product .content {padding:0 10px !important;} .content-item-product .content .tabs {display:flex !important;justify-content:space-around !important;padding:0 !important;line-height:22px !important;} .content-item-product .content .tab-menu {width:auto !important;margin:0 4px !important;height:auto !important;padding:6px 0 !important;font-size:12px !important;letter-spacing:0px !important;line-height:18px !important;} .content-item-product .content .tab-menu .tab-icon {width:16px !important;height:16px !important;display:none !important;} .content-item-product .content .tab-item {padding:20px 0 40px !important;} .content-item-product .content .info {padding:30px 10px !important;} .content-item-product .content .title {font-size:24px !important;} .content-item-product .content .desc {font-size:14px !important;line-height:24px !important;margin-top:20px !important;} .content-item-product .content .classify {justify-content:space-around !important;margin-top:10px !important;} .content-item-product .content .classify .cols {margin-right:0 !important;} .content-item-product .content .classify .c-name {font-size:12px !important;line-height:16px !important;margin-bottom:4px !important;} .content-item-product .content .classify .c-value {font-size:14px !important;line-height:20px !important;} .content-item-product .content .col-md-6:last-child {} .content-item-product .content .right-img {margin:0 !important;} .content-item-product .content .right-img .item-img {margin-top:10px !important;width:100% !important;height:auto !important;max-height:auto !important;} .content-item-apply {padding:0 0 120px !important;} .content-item-apply .content-bg {height:220px !important;} .content-item-apply .fixed-title .title-label {position:absolute;top:-70px !important;} .content-item-apply .fixed-title .title-label .main-title span {color:#303030 !important;} .content-item-apply .fixed-title .title-label .sub-title {color:#9d9d9d !important;} .content-item-apply .fixed-menus {width:100% !important;height:auto !important;top:100% !important;left:0 !important;} .content-item-apply .fixed-item {width:50% !important;height:40px !important;padding:0 20px !important;float:left !important;} .content-item-apply .fixed-item .item-img {width:18px !important;height:18px !important;margin-right:10px !important;} .content-item-apply .fixed-item .name {width:auto !important;font-size:12px !important;} .content-item-apply .swiper-slide .title {font-size:18px !important;margin-bottom:24px !important;} .content-item-apply .swiper-slide .desc {font-size:14px !important;line-height:20px !important;margin-bottom:24px !important;} .content-item-apply .swiper-slide .btn {width:100px !important;height:36px !important;font-size:14px !important;letter-spacing:1px !important;} .content-item-news {padding:20px 0 !important;} .content-item-news .cols-wrapper {box-shadow:0px 2px 4px 0px rgba(0,0,0,0.25);} .content-item-news .cols-wrapper .news-caret {width:100px !important;height:36px !important;line-height:36px !important;padding:0 10px !important;font-size:16px !important;} .content-item-news .cols-wrapper .top-area {height:220px !important;} .content-item-news .cols-wrapper .bottom-area {height:180px !important;padding-bottom:10px !important;} .content-item-news .cols-wrapper .bottom-area .title {height:30px !important;font-size:16px !important;} .content-item-news .cols-wrapper .bottom-area .position .item-img,.content-item-news .cols-wrapper .bottom-area .date .item-img {width:16px !important;margin-right:4px !important;top:0 !important;} .content-item-news .cols-wrapper .bottom-area .position span,.content-item-news .cols-wrapper .bottom-area .date span {font-size:13px !important;} .content-item-news .cols-wrapper .bottom-area .desc {font-size:14px !important;color:#585858;margin-top:4px !important;} .content-item-news .cols-wrapper .content-area {height:400px !important;box-shadow:0px 2px 4px 0px rgba(0,0,0,0.25) !important;} .content-item-news .cols-wrapper .content-area .title {font-size:16px !important;line-height:22px !important;} .content-item-news .cols-wrapper .content-area .date {height:22px;font-size:14px !important;font-weight:normal !important;} } @media screen and (min-width:768px) and (max-width:992px) { .content-item-product {padding:0 30px !important;} .content-item-product .container {width:100% !important;} .content-item-product .col-md-6:last-child {padding:0 !important;} .content-item-product .tab-icon {display:none !important;} .content-item-product .right-img .item-img {margin-top:10px !important;width:100% !important;height:auto !important;max-height:auto !important;} } @media screen and (min-width:768px) and (max-width:1200px) { .title-label {margin-bottom:10px !important;} .main-title {font-size:26px !important;} .sub-title {font-size:13px !important;} .content-item-product .container {padding:40px 0 0 !important;} .content-item-product .content {margin-top:30px;padding:0 10px !important;} .content-item-product .content .tabs {display:flex;padding:0 20px !important;line-height:22px !important;} .content-item-product .content .tab-menu {height:50px !important;margin:0 10px !important;font-size:18px !important;letter-spacing:1px !important;} .content-item-product .content .tab-menu .tab-icon {width:20px !important;height:20px !important;} .content-item-product .content .tab-item {padding:40px 0 60px !important;} .content-item-product .content .tab-item .col-md-6:first-child {} .content-item-product .content .info {margin-right:0 !important;padding:60px 10px !important;} .content-item-product .content .title {font-size:28px !important;} .content-item-product .content .desc {font-size:14px !important;line-height:24px !important;margin-top:26px !important;} .content-item-product .content .classify {margin-top:10px !important;} .content-item-product .content .classify .cols {text-align:center;margin-right:60px !important;} .content-item-product .content .classify .c-name {font-size:14px !important;line-height:18px !important;margin-bottom:6px !important;} .content-item-product .content .classify .c-value {font-size:16px !important;line-height:22px !important;} .content-item-product .content .right-img {margin-left:0 !important;margin-right:0 !important;text-align:center !important;} .content-item-product .content .right-img .item-img {height:auto !important;} .content-item-apply .content-bg {height:480px !important;} .content-item-apply .fixed-item {width:200px !important;height:80px !important;padding:0 20px !important;} .content-item-apply .fixed-item .item-img {width:30px !important;height:30px !important;margin-right:12px !important;} .content-item-apply .fixed-item .name {width:auto !important;font-size:16px !important;} .content-item-apply .swiper-slide .title {max-width:700px !important;font-size:40px !important;margin-bottom:22px !important;} .content-item-apply .swiper-slide .desc {max-width:700px !important;font-size:14px !important;line-height:28px !important;margin-bottom:50px !important;} .content-item-apply .swiper-slide .btn {width:160px !important;height:50px !important;font-size:18px !important;letter-spacing:1px !important;} .content-item-about .left-area .item-img {height:420px !important;} } @media screen and (max-width:1200px) { .title-label {margin-bottom:10px !important;} .content-item-about {padding:20px 0 20px !important;} .content-item-about .content {flex-direction:column !important;justify-content:space-between;margin-top:10px !important;} .content-item-about .left-area {width:100% !important;margin-right:0 !important;margin-bottom:10px !important;} .content-item-about .left-area .item-img {width:100% !important;position:static !important;} .content-item-about .right-area {width:100% !important;padding-right:0 !important;margin-left:0 !important;} .content-item-about .right-area .desc {width:100% !important;height:auto !important;font-size:14px !important;line-height:26px !important;} .content-item-about .right-area .counts {margin-top:14px !important;justify-content:space-around !important;} .content-item-about .right-area .number {font-size:28px !important;line-height:30px !important;} .content-item-about .right-area .number span:last-child {font-size:18px !important;} .content-item-about .right-area .name {height:30px !important;font-size:14px !important;line-height:30px !important;} .content-item-about .right-area .links {width:100% !important;margin:140px 0 0 0 !important;} .content-item-about .right-area .links .info {width:100% !important;height:100px !important;padding:20px !important;top:-120px !important;left:0px !important;} .content-item-about .right-area .links .info .big-text {height:20px !important;font-size:16px !important;line-height:20px !important;} .content-item-about .right-area .links .info .small-text {font-size:12px !important;line-height:18px !important;} .content-item-about .right-area .links .links-menu {margin-left:20px !important;left:0 !important;} .content-item-about .right-area .links .link-item {width:120px !important;font-size:14px !important;line-height:34px !important;} .content-item-about .right-area .more {height:24px !important;font-size:14px !important;line-height:24px;margin-top:10px !important;} }