<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* CSS Document */
html {
    font-size: 30px;
}
@media (min-width:768px) {
    html {
      font-size: 28px;
    }
}
@media (min-width:992px) {
    html {
      font-size: 30px;
    }
}
@media (min-width:1200px){
    html {
      font-size: 32px;
    }
}
@media (min-width:1360px){
    html {
      font-size: 34px;
    }
}
@media (min-width:1460px) {
    html {
      font-size: 40px;
    }
}
/*1280X720 1366X768 1440X900 1920X1080*/

/*手机样式*/
@media (min-width:992px) {
    .pagination .page-item .page-link:hover,
    .pagination .page-item .page-link:focus {
        background: transparent;
        color: #1f7ec8;
        box-shadow: none;
    }
    .pagination .page-item .page-link:hover::after,
    .pagination .page-item .page-link:focus::after {
      background-color: #1f7ec8;
    }
    .pagination .page-item:first-child .page-link:hover::after,
    .pagination .page-item:last-child .page-link:hover::after {
        background-color: #1f7ec8;
    }
    .pagination .page-item:first-child .page-link:hover::before,
    .pagination .page-item:last-child .page-link:hover::before {
        border-color: #1f7ec8;
    }
    /**/
    .company__card-cell:hover .card-head {
      background: #38a5e5;
      color: #fff;
    }
    .company__card-cell:hover .card-head .card__time {
      color: #ffffff;
    }
    .company__card-cell:hover .card-head .card__address {
      background-image: url(../images/icon-address-marker_.png);
    }
    .company__card-cell:hover .card__handle {
      border-left-color: rgba(255, 255, 255, 0.22);
    }
    .company__card-cell:hover .card__toggle-icon::before, 
    .company__card-cell:hover .card__toggle-icon::after {
      background-color: #ffffff;
    }
}
@media (min-width:768px) {
#team .list ul li:nth-child(2) {
  margin-right: 33.33334%;
}
}
@media (min-width:1200px) {
#team .list ul li:nth-child(2) {
  margin-right: 50%;
}
}
@media (min-width:1400px) {
  .container {
    max-width: 1330px;
  }
}
@media (min-width:1500px) {
  .container {
    max-width: 1430px;
  }
}

@media (max-width:1500px) {
    body {
        font-size: 17px;
    }
}
@media (max-width:1400px) {
    body {
        font-size: 16px;
    }
    .head_video_swiper .title {
        font-size: 1.50rem;
    }
    .head_video {
        font-size: 0.75rem;
    }
    .h_title {
        font-size: 0.80rem;
    }
    .h_platform_text {
        font-size: 0.55rem;
    }
    .h_platform_text::after {
        right: -3.85%;
    }
    .swiper_banner .bbox .title {
        font-size: 0.95rem;
    }
    .h_lead .list li .title {
        font-size: 1.15rem;
    }
    .h_news .list ul&gt;li .text {
        padding: 1.20rem 10%;
        height: 7.50rem;
    }
    .h_news .list ul&gt;li .text .time {
        bottom: 1.75rem;
        left: 10%;
        right: 10%;
    }
    .h_service {
        min-height: 15rem;
    }
    .h_service .title {
        font-size: 0.80rem;
    }
    .w_banner .w_banner_box .title,
    #case_head .case_head_text .title {
        font-size: 1.25rem;
    }
    .introduce_swiper li.swiper-slide .box {
        font-size: 0.75rem;
    }
    #team .list ul li .title {
        font-size: 0.65rem;
    }
    #team .list {
        padding: 2rem 0 1.625rem;
    }
    #memorabilia {
        padding-bottom: 4rem;
    }
    .memorabilia ul&gt;li .year {
        font-size: 0.85rem;
        padding-left: 1.85rem;
    }
    .memorabilia_list {
        left: 0;
    }
    .memorabilia_list li a.active {
        font-size: 0.65rem;
    }
    .certification .title,
    .enterprise .title,
    .patent .title {
        font-size: 0.80rem;
        padding: 1.95rem 0 1.15rem;
    }
    .certification ul li .box .text {
        font-size: 0.65rem;
    }
    .w_banner {
        height: 50vh;
    }
    #product .product_box .title {
        font-size: 1.25rem;
    }
    .h_platform_text {
        font-size: 0.60rem;
    }
    #productAbout .con .title, #productPainPoints .title, #solution .title {
        font-size: 0.75rem;
        padding-bottom: 0.65rem;
    }
    #care .care_title {
        font-size: 0.80rem;
    }
    #care .care_text {
        font-size: 0.60rem;
        padding-top: 0.5rem;
    }
    .care_list .img .img_box .img_title {
        font-size: 0.80rem;
    }
    .care_list .text .text_list {
        padding: 1.25rem 1.15rem;
    }
    .care_list .text .text_list_click {
        padding-right: 1.50rem;
    }
    .ecology_con li .box .con .title,
    #newsD .title{
        font-size: 0.75rem;
    }
    #newsD {
        padding: 2.75rem 0 2.875rem;
    }
    #newsD .time {
        padding-right: 1.25rem;
        margin-right: 1.25rem;
    }
    #newsD .content {
        margin-bottom: 1.25rem;
    }
    .card-head .card__title,
    .contact_tab .contact_tab_con .title  {
        font-size: 0.65rem;
    }
    .contact_tab .contact_tab_con {
        height: 7.125rem;
    }
    .contact_tab .contact_tab_con .text {
        padding: 0.15rem 0;
    }
    #teamStyle .teamStyle_list ul li.major .box {
        height: 14rem;
    }
    #teamStyle .teamStyle_list ul li .box .box_bg .title {
        font-size: 0.65rem;
    }
    .teamStyle_modal_box .teamStyle_modal_head .title {
        font-size: 0.75rem;
    }
    .teamStyle_modal_box .teamStyle_modal_head {
        margin-bottom: 0.60rem;
    }
    #teamStyle {
        padding: 2.0rem 0 1.0rem;
    }
    #teamStyle .teamStyle_list ul {
        margin-left: -0.35rem;
        margin-right: -0.35rem;
    }
    #teamStyle .teamStyle_list ul li {
        margin-bottom: 1.0rem;
        padding-left: 0.35rem;
        padding-right: 0.35rem;
    }
    .join_content {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }
    .company__card-cell {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .investment_tab li.swiper-slide .box {
        height: 5rem;
    }
    /**/
    footer .footer_share,
    footer .footer_agreement div {
        font-size: 14px;
    }
}
@media (max-width:1200px) {
    body {
        font-size: 15px;
    }
    header .header-nav li {
        margin-right: 0.75rem;
    }
}
@media (max-width:1024px) {
    .head_video .video video {
        width: auto;
        height: 100%;
    }
    .h_platform_text ul&gt;li {
        max-width: 6rem;
        bottom: 1rem;
    }
    .h_lead .list li .title {
        font-size: 0.95rem;
    }
    .h_lead .list li .title sup {
        top: -0.3em;
    }
    .h_lead .list li:last-child .title sup {
        top: -0.5em;
    }
    .h_lead .list li p {
        font-size: 14px;
    }
    .introduce_swiper li.swiper-slide .box {
        font-size: 0.65rem;
    }
    footer .footer_copyright .wechat {
        display: none;
    }
    .h_platform_text::after {
        right: -4.85%;
    }
    .care_list .img .img_box .img_title {
        font-size: 0.70rem;
        line-height: 1.7;
    }
    .contact_tab .contact_tab_con .text {
        max-width: 10.0rem;
    }
}
@media (max-width:991px) {
    .menufix {
        display: none;
    }
    .menu_botton {
        right: 15px;
        top: 50%;
        float: right;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .menu_botton strong {
        display: none;
    }
    .menu_botton span, .menu_botton span:after, .menu_botton span:before {
        width: 32px;
    }
    .menu_botton span:before {
        top: -8px;
    }
    .menu_botton span:after {
        bottom: -8px;
    }
    header .header-nav {
        display: none !important;
    }
    #menu_toggle1 {
        display: block;
    }
    header .header_util_width {
        display: none;
    }
    header {
        padding: 15px 0;
    }
    #banner {
        width: 100% !important;
        height: auto !important;
    }
    #banner .banner ul.swiper-wrapper img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }
    .banner .flex-direction-nav .flex-nav-prev, 
    .banner .flex-direction-nav .flex-nav-next,
    .bbox {
        top: 50%;
    }
    .side-nav {
        display: none;
    }
    .news-details-text, 
    .news-details-page,
    .recruitment-main {
        width: 100%;
    }
    .news-details-page {
        margin-top: 30px;
    }
    .recruitment-side {
        display: none;
    }
    .h-news,
    .h-video,
    .h-engineering ul li .img img {
        width: 100%;
    }
    .qualifications-text {
        padding-top: 0;
    }
    .qualifications-text ul li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        float: left;
        -webkit-transform: translateX(0) !important;
           -moz-transform: translateX(0) !important;
            -ms-transform: translateX(0) !important;
             -o-transform: translateX(0) !important;
                transform: translateX(0) !important;
    }
    .business-text .panel-group .panel-body .img {
        text-align: left;
    }
    .business-text .panel-group .panel-body .img img {
        margin-top: 20px;
    }
    .news-box li .con .text p {
        height: 20px;
    }
    .news-box li {
        padding: 25px 20px;
    }
    .news-box li .con .time {
        width: 70px;
    }
    .banner-fixed&gt;div,
    .banner .bannerfix &gt;li {
        height: 320px;
    }
    .memorabilia ul&gt;li .year {
        padding-left: 0;
    }
    .text_list_click {
      color: #38a5e5;
    }
    .text_list_click .title::after {
      background: #f2f7fc;
    }
    .text_list_click {
        color: #38a5e5;
        background-image: url(../images/icon18.png);
        background-position: right 1.5rem center;
    }
    .text_list_click .describe p {
        border-bottom: 1px solid #38a5e5;
        display: inline;
    }
      .text_list_click .title::after {
        background: #f2f7fc !important;
    }
    .care_list .text .text_list_click {
        padding-right: 1.50rem;
        background-position: right 0.25rem center;
    }
}
@media (max-width:767px) {
    body {
        font-size: 15px;
    }
    header {
        padding: 6px 0;
    }
    .head_video {
        font-size: 0.75rem;
    }
    .head_video_swiper .title {
        font-size: 1.35rem;
    }
    .swiper_banner .bbox .title {
        font-size: 0.75rem;
    }
    .h_platform_text {
        display: none;
    }
    .h_platform_bg .more {
        bottom: 0.75rem;
    }
    .h_platform_head p {
        padding-top: 1.25rem;
    }
    .h_lead .list li {
        margin-bottom: 1.0rem;
    }
    .h_lead .list li .title {
        font-size: 1.25rem;
    }
    .h_news .list ul {
        margin-left: 0;
        margin-right: 0;
    }
    .h_news .list ul&gt;li {
        padding-left: 0;
        padding-right: 0;
    }
.h_news .list ul&gt;li .img {
height: auto;
}
    .h_customer .customer_tab {
        flex-flow: row wrap;
    }
    .h_customer .customer_tab li {
        margin-bottom: 0.5rem;
    }
    .h_customer .customer_tab li:nth-child(3n)::after {
        display: none;
    }
    footer .footer_nav {
        flex-flow: row wrap;
        padding-bottom: 0.50rem;
    }
    footer .footer_nav div {
        padding-right: 0;
        margin-right: 0;
        width: 33.3334%;
        text-align: center;
        margin-bottom: 0.5rem;
    }
    footer .footer_nav div:nth-child(3n)::after {
        display: none;
    }
    footer .footer_share {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        flex-flow: row wrap;
    }
    footer .footer_copyright .wechat {
        display: none;
    }
    footer .footer_share p {
        padding-right: 0;
        margin-bottom: 0.5rem;
    }
    footer .footer_p {
        padding-top: 0;
    }
    footer .footer_copyright .footer_a2,
    footer .footer_copyright .footer_a3 {
        display: block;
    }
    footer .footer_agreement {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        flex-flow: row wrap;
    }
    footer .footer_agreement .footer_agreement02::after {
        content: '';
        display: none;
    }
    .swiper_banner .bbox {
        padding-left: 30px;
        padding-right: 30px;
    }
    /**/
    header .header_util_width {
        display: none;
    }
    .head_video .video video {
        width: auto;
        height: 100%;
    }
    .w_banner {
        height: 40vh;
    }
    .w_banner .w_banner_box .title,
    #case_head .case_head_text .title {
        font-size: 0.95rem;
    }
    .introduce_main {
        padding: 2.25rem 0;
    }
    .introduce_swiper li.swiper-slide .box {
        font-size: 0.50rem;
    }
    .introduce_main::before {
        height: 2.4rem;
    }
    .introduce_img {
        overflow: hidden;
    }
    .introduce_img_position .introduce_img_box .more {
        display: none;
    }
    .introduce_img_position .h_title {
        padding: 1.0rem 0;
    }
    .h_title {
        font-size: 0.80rem;
    }
    .h_title a {
        padding-bottom: 0.45rem;
    }
    .introduce_img_position .h_title {
        font-size: 0.65rem;
    }
    .introduce_img_position .introduce_img_box::after {
        left: -15%;
        width: 5rem;
        height: 5rem;
    }
    .achievement_box::after {
        display: none;
    }
    .achievement_box::after {

    }
    .achievement_box .col-12+.col-12 {
        margin-top: 30px;
    }
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .investment_con .investment_head {
        flex-flow: row wrap;
    }
    .investment_con .investment_head .investment_text {
        width: 100%;
        padding-top: 0.5rem;
    }
    .investment_con .text {
        padding-left: 0;
    }
    .investment_con li .box {
        margin-top: 15px;
    }
    .investment_tab li.swiper-slide .box {
        height: 5.0rem;
    }
    #team .list ul li .text {
        height: auto;
    }
    .details {
        width: 100%;
    }
    .details-box {
        padding: 0;
        width: 100%;
    }
    .details-box .title,
    .details-box .post,
    .details-box .text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .details-box .text {
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    .details-close {
        top: 0.5rem;
        right: 0.5rem;
    }
    #memorabilia {
        padding-bottom: 2.5rem;
        padding-right: 2.5rem;
        background-image: none;
    }
    .memorabilia ul&gt;li {
        padding-top: 1.50rem;
    }
    .memorabilia_list {
        left: inherit;
        right: 15px;
    }
    .memorabilia_list li a.active {
        font-size: 0.65rem;
    }
    .memorabilia ul&gt;li .year {
        font-size: 0.75rem;
    }
    .memorabilia ul&gt;li .text::after {
        left: 2.50rem;
    }
    .memorabilia ul&gt;li .text .month {
        width: 2.50rem;
        padding-right: 1rem;
    }
    .memorabilia ul&gt;li .text .text_list {
        padding-left: 2.5rem;
        padding-bottom: 0.5rem;
    }
    .memorabilia ul&gt;li .text .text_list_box {
        padding-left: 1.0rem;
    }
    .patent .title,
    .enterprise .title,
    .certification .title {
        font-size: 0.75rem;
        padding: 1.5rem 0 1.15rem;
    }
    .certification ul li .box {
        height: auto;
        padding: 0.8rem 16% 1.50rem;
    }
    .patent ul li .img img {
        width: 100%;
    }
    .ecology_con li .box .con .title {
        font-size: 0.75rem;
        margin: 1.25rem 0.65rem 0.55rem;
        max-width: inherit;
    }
    #newsD {
        padding: 2.25rem 0 2.875rem;
    }
    #newsD .title {
        font-size: 0.75rem;
    }
    #newsD .time {
        padding-right: 0.70rem;
        margin-right: 0.70rem;
    }
    #newsD .content {
        margin-bottom: 1.0rem;
        text-align: justify;
        line-height: 1.8;
    }
    #join {
        padding-top: 1.75rem;
    }
    .company__card-cell {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .pagination {
        padding: 1.25rem 0 1.75rem;
    }
    .card-head {
        padding: 0.75rem 2.0rem 0.75rem 0.75rem;
    }
    .card__handle {
        width: 1.75rem;
    }
    .card__description {
        padding: 1.0rem 0.75rem 1.50rem;
    }
    .contact_tab .contact_tab_con {
        height: 7.5rem;
    }
    .contact_tab .contact_tab_con .title {
        font-size: 0.75rem;
    }
    .contact_con li {
        padding: 1.75rem 0;
    }
    .contact_con .box {
        max-width: 100%;
    }
    #product .product_box .title {
        font-size: 0.95rem;
    }
    #product .product_box .sou .current {
        font-size: 0.85rem;
    }
    #mp-nav-slider1 {
        display: none;
    }
    .side__menu .side__menu-item.is-active .side__menu-link {
        color: transparent;
    }
    .side__menu .side__menu-link::before {
        width: 0.80rem;
    }
    .head_video .scroller {
        display: none;
    }
    .fukuang {
        left: 0;
    }
    .h_platform_bg::after {
        width: 60%;
    }
    #productD_banner {
        height: 40vh;
    }
    .h_customer .customer_tab {
        padding: 0.75rem 0 1.25rem;
    }
    .case_banner .swiper-slide .bbox {
        top: inherit;
        bottom: 2vh;
    }
    .case_banner .swiper-slide .bbox .d-flex {
        flex-flow: row wrap;
    }
    .case_banner .swiper-slide .bbox .img {
        padding-right: 0;
        width: 40%;
        margin-bottom: 0.5rem;
        text-align: center;
        height: 14vh;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .case_banner .swiper-slide .bbox .img&gt;img {
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }
    .case_banner .swiper-slide .bbox .img::after {
        display: none;
    }
    .case_banner .swiper-slide .bbox .text {
        padding-left: 0;
        width: 100%;
        font-size: 13px;
        text-align: center;
    }
    #care .care_title,
    .care_list .img .img_box .img_title {
        font-size: 0.75rem;
    }
    #care .care_text {
        font-size: 0.55rem;
        padding: 0.5rem 0 0;
    }
    .care_list&gt;li {
        padding: 1rem 0 0;
    }
    .care_list .text .text_list {
        padding: 1.0rem 0.75rem;
        padding-right: 1rem;
        display: block !important;
        background-size: 10px auto;
    }
    #care {
        padding: 1.75rem 0 0.75rem;
    }
    .care_list .text .text_list .title {
        margin-right: 0;
        margin-bottom: 0.25rem;
        max-width: inherit;
        font-size: 0.55rem;
    }
    .details-con {
        -ms-flex-align: flex-start!important;
        align-items: flex-start!important;
    }
    .care_tab {
        padding: 0 2.0rem;
    }
    .care_tab .care_tab_btn&gt;div {
        font-size: 0.75rem;
    }
    .care_tab .care_tab_btn&gt;p {
        display: none;
    }
    .care_content .care_content_list {
        margin-bottom: 1.0rem;
        padding: 0 15px;
        font-size: 0.45rem;
    }
    #teamStyle .teamStyle_list ul {
        margin-left: -15px;
        margin-right: -15px;
    }
    #teamStyle .teamStyle_list ul li {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0.75rem;
    }
    .h_platform_head p {
        text-align: center;
    }
    .amd_main {
        top: 40%;
        left: 5%;
        width: 90%;
        max-width: inherit;
    }
    .customerCase_swiper .customerCase_flex .img {
        width: 60%;
        margin: 0 auto;
    }
    .customerCase_swiper .customerCase_flex .text {

    }
    #solution ul li {
        height: auto;
    }
    #solution ul li .box {
        position: relative;
    }
    #solution ul li .box p {
        -webkit-line-clamp: inherit;
    }
    #case_head {
        height: 68vh;
    }
    .investment_con .text {
        line-height: 1.8;
        text-align: justify;
    }
    .investment_con .text p {
        text-indent: 2em;
    }
    .introduce_main::after {
        display: none;
    }
    .introduce_main::before {
        display: none;
    }
    #productAbout .con .text {
        line-height: 1.8;
        text-align: justify;
    }
    #productAbout .con .text p {
        text-indent: 2em;
    }
    .contact_con .box {
        padding: 1rem 0.60rem;
    }
    .contact_con .box p+p {
        margin-top: 0.60rem;
    }

    #productPainPoints .productPainPoints_radius li {
        width: 16vh;
        height: 16vh;
        font-size: 0.5rem;
    }
    #productPainPoints .productPainPoints_radius li.active {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    #productPainPoints .productPainPoints_radius li.radius02 {
        left: 63%;
       top:18%;
    }
    #productPainPoints .productPainPoints_radius li.radius03 {
        top: 57%;
        left: 11%;
    }
    #productPainPoints .productPainPoints_radius li.radius04 {
        left: 56%;
    }
    #productPainPoints .productPainPoints_radius li.radius05 {
        left: 3%;
        top:18%;
    }
    #productPainPoints .productPainPoints_radius li.radius06 {
        top: 46%;
        left: 34%;
    }
    #productPainPoints .productPainPoints_radius {
        min-height: 340px;
    }
}
@media (max-width:641px) {}
@media (max-width:520px) {}
@media (max-width:481px) {}
@media (max-width:414px) {
    .header-menu {
        height: 50px;
    }
    header .header-nav {
        display: none;
    }
    #menu_toggle {
        display: none;
    }
    #menu_toggle1 {
        display: block;
    }
}
@media (max-width:340px) {
}</pre></body></html>