@media screen and (max-width:1199px){
    .item-product{
      width:calc(25% - 10px);
    }
    .item-product-cat .cat-tit{
        min-height:70px;
    }
    .item-product-cat .tmb{
        min-height: 170px;
        line-height: 170px;
    }

}

@media screen and (max-width:991px){
    .page-electric-vehicles .sec-solutions .part-left .title{
      font-size:18px;
    }
    .page-electric-vehicles .sec-solutions .part-left .item-solution{
      max-width:50px;
      margin:5px;
    }
    .item-product-cat{
      width:calc(33.33% - 30px);
    }
    .item-product-cat .tmb{
        min-height: 200px;
        line-height: 200px;
    }
    .item-product{
      width:calc(33.33% - 10px);
    }

}

@media screen and (max-width: 768px) {
    html,
    body {
        width: 100%;
        /* overflow-x: hidden; */
    }

    .main-content > .container {
        margin-top: 40px;
    }

    .container h2 {
        font-size: 22px !important;
        font-weight: 500;
    }

    .single-post .container,
    .page-template-child-page-default .container,
    .page-template-child-page-aboutus .container {
        margin-top: 0;
    }

    .form-area .form-each + .submit-btn {
        margin-top: 120px;
    }

    .swiper-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0 !important;
    width: 20px !important;
    background-color: #fff !important;
    width: 20px !important;
    padding-right: 0 !important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0 !important;
    width: 20px !important;
    background-color: #fff !important;
    width: 20px !important;
    padding-left: 0 !important;
    }

    .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "" !important;
    height: 20px;
    width: 20px;
    background-image: url(../images/click-to-left.png);
    background-size: cover;
    }

    .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "" !important;
    height: 20px;
    width: 20px;
    background-image: url(../images/click-to-left.png);
    background-size: cover;
    transform: rotate(180deg);
    }

    .swiper-slide img {
    width: 60px !important;
    }

    .mobile-new {
        height: 300px;
        width: auto !important;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0;
    }

    header .nav-wrapper {
        display: none;
    }

    .nav-wrapper-mobile {
        display: flex !important;
    }

    .background-upon, .background-upon02 {
        margin-top: -40px;
        width: 100%;
        height: 40px;
    }
    .background-upon02::before {
        height: 60px;
    }

    .company-title02 {
        margin-top: -16px;
        height: 32px;
        line-height: 32px;
        font-size: 22px;
        color: #2995ce;
    }

    .banner{
        height: 200px;
        line-height: 200px;
    }
    .banner.big{
        height:300px;
    }
    .banner.pad-title .page-title{
        padding-top:50px;
    }
    .banner .anchor-links{
        padding:5px;
    }
    .banner .anchor-links a{
        display:inline-block;
        margin:10px;
    }

    .banner .page-title{
        font-size: 22px;
    }

    .banner.bottom .page-title{
        padding: 15px;
        font-size: 22px;
        background: rgba(255,255,255,0.7);
    }

    .banner img {
        width: auto;
        height: 100%;
    }

    .banner.company-bg, .banner.business, .banner.industry, .banner.industry02, .banner.digitization, .banner.supply-chain, .banner.e-business, .banner.maintenance, .banner.think-ahead, .banner.team-work, .banner.personal, .banner.learn-best, .banner.career-creation, .banner.electric {
        height: 140px;
        line-height: 140px;
        font-size: 22px;
    }

    .company-title {
        margin-top: -16px;
        padding-bottom: 25px;
        /* height: 32px;
        line-height: 32px; */
        font-size: 22px;
    }

    .special-title-p,
    .company-intro {
        width: 100%;
    }

    .company-data .data-display {
        margin: 20px auto 0 auto;
        display: block;
    }

    .company-branch {
        width: 100%;
    }

    .branch-city ul {
        margin-right: 0;
    }

    footer {
        position: relative;
        padding-top: 15px;
    }
    footer .foot-nav {
        display: none;
    }
    footer .foot-nav-mobile {
        display: block;
    }
    footer .foot-bottom {
        justify-content: space-between;
    }
    footer .foot-bottom .divider {
        display: none;
    }

    .carousel {
        height: auto;
    }

    .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }

    .carousel-caption {
        height: auto;
    }

    .el-pager li {
        min-width: 0;
    }

    .el-pagination .btn-next {
        padding-left: 0;
    }

    .el-pagination .btn-prev {
        padding-right: 0;
    }

    .banner-content {
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        text-align: center;
    }

    .complaint-statement {
        width: 100%;
    }

    .carousel-control-next-icon {
        width: 30px;
        height: 30px;
    }

    .service-icon-area .service-icon {
        display: block;
        margin: 20px auto 0 auto;
    }

    .news-detail-content {
        width: 100%;
    }

    .company-sub-title {
        width: 100%;
        line-height: 28px;
        font-size: 16px;
    }

    .special-title {
        width: 100%;
        line-height: 28px;
        font-size: 16px;
    }

    .service-content-title {
        line-height: 30px;
        font-size: 18px;
    }

    /* .special-title-content,
    ul.is-style-service-list-content {
        line-height: 28px;
        font-size: 14px;
    } */

    .service-online-area {
        height: auto;
    }

    .service-online-area a {
        font-size: 20px;
    }
    .service-online-area .service-online-number {
        margin-right: 15px;
    }
    .service-online-area .service-online-number .number {
        font-size: 40px;
    }

    .map-site-area {
        display: block;
        height: auto;
    }
    .map-site-area .map-site {
        width: 100%;
        height: 100vw;
    }
    .map-site-area .map-site .site {
        position: absolute;
        width: 36px;
        height: 45px;
        background-image: url(../images/site.png);
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }
    .map-site-area .map-site .site:hover {
        background-image: url(../images/site-active.png);
    }
    .map-site-area .map-site .site.site01 {
        top: 235px;
        left: 671px;
    }
    .map-site-area .map-site .site.site02 {
        top: 225px;
        left: 530px;
    }
    .map-site-area .map-site .site.site03 {
        top: 258px;
        left: 457px;
    }
    .map-site-area .map-site .site.site04 {
        top: 335px;
        left: 411px;
    }
    .map-site-area .map-site .site.site05 {
        top: 463px;
        left: 411px;
    }
    .map-site-area .map-site .site.site06 {
        top: 494px;
        left: 464px;
    }
    .map-site-area .map-site .site.site07 {
        top: 380px;
        left: 519px;
    }
    .map-site-area .map-site .site.site08 {
        top: 290px;
        left: 590px;
    }
    .map-site-area .map-site .site.site09 {
        top: 290px;
        left: 635px;
    }
    .map-site-area .map-site .site.site10 {
        top: 322px;
        left: 688px;
    }
    .map-site-area .map-site .site.site11 {
        top: 379px;
        left: 614px;
    }
    .map-site-area .map-site .site.site12 {
        top: 462px;
        left: 617px;
    }
    .map-site-area .map-site .site.site13 {
        top: 440px;
        left: 688px;
    }
    .map-site-area .map-site .site.site14 {
        top: 435px;
        left: 723px;
    }
    .map-site-area .map-site .site.site15 {
        top: 458px;
        left: 776px;
    }
    .map-site-area .map-site .site.site16 {
        top: 492px;
        left: 741px;
    }
    .map-site-area .map-site .site.site17 {
        top: 515px;
        left: 661px;
    }
    .map-site-area .map-site img {
        height: auto;
    }

    .map-site-area .company-site {
        width: 100%;
    }

    .content-image-list .image-each .image-each-content {
        font-size: 14px;
    }

    .related-links .related-links-list {
        margin-top: 25px;
        flex-wrap: wrap;
    }

    .related-links-list.related-links-list-up {
        flex-wrap: wrap;
    }

    .related-links .related-title {
        font-size: 18px;
        line-height: 28px;
    }
    .related-links .related-links-list .related-links-each {
        margin-right: 0;
        margin-bottom: 20px;
        width: 165px;
    }
    .related-links .related-links-list .related-links-each .related-links-image-area {
        width: 165px;
        height: 110px;
    }
    .related-links .related-links-list>:nth-of-type(2n+1) {
        margin-right: 15px;
    }
    .related-links .related-links-list .related-links-each .related-links-title {
        line-height: 18px;
        font-size: 14px;
    }

    .content-image-list .image-each,
    .wp-block-group.is-style-content-image-list .wp-block-group__inner-container {
        width: 100%;
    }
    .content-image-list .image-each .image-each-area {
        width: 100%;
        height: 0;
        padding-bottom: 66.97%;
    }
    .content-image-list .image-each .image-each-area img {
        height: auto;
    }

    .news-area {
        margin-top: 50px;
    }
    .news-area .events-area-box-mobile {
        display: block;
    }
    .news-area .map-area .inner-map {
        margin: 0 auto;
        width: 375px;
        height: 0;
        padding-bottom: 76.59%;
    }
    .news-area .map-area .inner-map .addr {
        position: absolute;
        width: 10.1px;
        height: 10.1px;
        border-radius: 50%;
        cursor: pointer;
    }
    .news-area .map-area .inner-map .addr.addr01 {
        z-index: 1;
        top: 103.3px;
        right: 119px;
    }
    .news-area .map-area .inner-map .addr.addr02 {
        z-index: 2;
        top: 103.3px;
        right: 110.4px;
    }
    .news-area .map-area .inner-map .addr.addr03 {
        z-index: 3;
        top: 561px;
        right: 234px;
    }
    .news-area .map-area .inner-map .addr.addr04 {
        z-index: 4;
        top: 165.4px;
        right: 76.1px;
    }
    .news-area .map-area .inner-map .addr.addr05 {
        z-index: 5;
        top: 165.4px;
        right: 88.1px;
    }
    .news-area .map-area .inner-map .addr.addr06 {
        z-index: 6;
        top: 185.5px;
        right: 88.1px;
    }
    .news-area .map-area .inner-map .addr.addr07 {
        z-index: 7;
        top: 103.3px;
        right: 101.7px;
    }
    .news-area .map-area .inner-map .addr.addr08 {
        z-index: 8;
        top: 162.6px;
        right: 94.9px;
    }
    .news-area > .job-title {
        line-height: 24px;
        font-size: 18px;
    }
    .news-area .job-sub-title {
        line-height: 24px;
        font-size: 16px;
    }
    .news-area .job-detail-each {
        margin-top: 30px;
        width: 100%;
    }
    .news-area .job-detail-each ul li {
        line-height: 18px;
        font-size: 14px;
    }
    .news-area .service-each {
        display: block;
    }
    .news-area .service-each .service-image-area {
        width: 100%;
        height: 0;
        padding-bottom: 66.74%;
    }
    .news-area .service-each .service-image-area img {
        height: auto;
    }
    .news-area .service-content p,
    p.service-content {
        line-height: 28px;
        font-size: 13px !important;
        margin-bottom: 0;
    }
    p.is-style-service-content {
        font-size: 16px !important;
    }
    .news-area .transportation-title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 32px;
    }
    .news-area .port-title {
        font-size: 16px;
        line-height: 24px;
    }
    .news-area .port-image-comment {
        font-size: 12px;
        line-height: 14px;
    }
    .news-area .honor-image-area {
        width: 100%;
        height: 0;
        padding-bottom: 68.92%;
    }
    .news-area .honor-image-area img {
        height: auto;
    }
    .news-area .advantages-area {
        display: block;
    }
    .news-area .advantages-area .advantage-each {
        margin: 20px auto 0 auto;
    }
    .news-area .port-image-area {
        width: 100%;
        height: 0;
        padding-bottom: 33.51%;
    }
    .news-area .port-image-area img {
        height: auto;
    }
    .form-area {
        width: 100%;
    }
    .form-area .form-area-title {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .form-area .form-each {
        display: block;
    }
    .form-area .form-each.gap {
        margin-top: 0;
    }
    .form-area .form-each .form-item {
        margin-top: 30px;
        width: 100%;
    }
    .form-area .form-each .form-item .form-item-input-area .file-name {
        width: 100%;
    }
    .form-area .need-to-agree {
        font-size: 12px;
    }
    .news-area .job-table .search-condition-area {
        display: block;
    }
    .news-area .job-table .jobs-list-area-title {
        font-size: 12px;
        padding: 30px 5px;
        line-height: unset;
        height: auto;
    }
    .news-area .job-table .jobs-list-area-title .job-title {
        width: 60px;
        padding-left: 0;
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-title .job-company {
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-title .job-addr,
    .news-area .job-table .jobs-list-area-title .job-type,
    .news-area .job-table .jobs-list-area-title .job-apply {
        width: 60px;
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-body li {
        font-size: 12px;
    }
    .news-area .job-table .jobs-list-area-body li .job-title {
        width: 60px;
        padding-left: 0;
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-body li .job-company {
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-body li .job-addr,
    .news-area .job-table .jobs-list-area-body li .job-type,
    .news-area .job-table .jobs-list-area-body li .job-apply {
        width: 60px;
        text-align: center;
    }
    .news-area .job-table .jobs-list-area-body li .job-apply a {
        width: 60px;
        font-size: 12px;
    }
    .news-area .reasons-area {
        display: block;
    }
    .news-area .reasons-area a {
        display: block;
        margin: 20px auto 0 auto;
    }
    .news-area .reasons-area ul {
        width: 100%;
    }
    .news-area .reasons-area ul.left-reasons,
    .reasons-area ul.left-reasons {
        margin-left: 0;
    }
    .news-area .reasons-area ul.right-reasons {
        margin-right: 0;
    }
    .news-area .news-title {
        font-size: 18px;
    }
    .news-area .news-all .news-each {
        display: block;
    }
    .news-area .news-all .news-each .news-intro {
        margin-top: 15px;
        padding-left: 0;
    }
    .news-area .solution-icon-area .icon-area {
        margin-top: 20px;
        font-size: 16px;
    }
    .news-area .service-icon-area {
        display: block;
    }
    .news-area .service-icon-area.product-gap {
        margin-top: 20px;
    }
    .news-area .service-icon-area.last-two-icons {
        width: 100%;
    }
    .news-area .service-icon-area .icon-area {
        margin-top: 20px;
        font-size: 16px;
    }
    .news-area .data-info-area {
        display: block;
    }
    .news-area .data-info-area.about-us .strategy-area,
    .data-info-area.about-us .strategy-area {
        margin-top: 40px;
    }
    .news-area .data-info-area .icon-area {
        margin-top: 20px;
    }
    .news-area .news-content {
        display: block;
    }
    .news-area .news-content .news-content-left {
        width: 100%;
    }
    .news-area .news-content .news-content-left .news-content-left-img {
        width: 100%;
        height: 0;
        padding-bottom: 66.67%;
    }
    .news-area .news-content .news-content-right {
        margin-top: 15px;
        width: 100%;
        padding-top: 15px;
        border-top: 1px solid #e7efe0;
    }
    .news-area .news-content .news-content-right .news-list .news-each {
        display: block;
    }
    .news-area .news-content .news-content-right .news-list .news-each .img-area {
        width: 100%;
        height: 0;
        padding-bottom: 66.67%;
        margin-bottom: 15px;
    }
    .news-area .news-content .news-content-right .news-list .news-each .news-intro {
        padding-left: 0;
    }

    .news-area .logos-area {
        height: auto;
        width: 100%;
    }

    .news-area .logos-area .logos-area-wrapper {
        overflow-x: hidden;
    }

    .news-area .logos-area .logos-area-wrapper .logos-area-scroll {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .news-area .logos-area .logos-area-wrapper .logos-area-scroll .logo-each {
        margin: 0 auto;
        display: block;
        text-align: center;
    }

    .news-area .logos-area .logos-area-wrapper .logos-area-scroll .logo-each img {
        display: inline;
        width: auto;
    }

    .wp-block-media-text__media img, .wp-block-media-text__media video,
    .wp-block-image img {
        height: auto;
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding: 20px 15px 30px 15px;
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content p {
        line-height: 30px;
    }
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content p:last-child {
        margin-bottom: 0;
    }
    /* .wp-block-media-text.is-stacked-on-mobile.odd-media-text .wp-block-media-text__content {
        grid-row: 1;
    }
    .wp-block-media-text.is-stacked-on-mobile.odd-media-text .wp-block-media-text__media {
        grid-row: 2;
    } */

    .wp-block-columns {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .wp-block-columns.is-style-columns-business .wp-block-column {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #1a1a1a;
        font-size: 20px;
        text-decoration: none;
    }

    .wp-block-columns.advantages-area {
        justify-content: space-between;
    }

    .wp-block-columns.advantages-area .wp-block-column {
        width: 165px;
        flex-basis: unset !important;
        flex-grow: unset;
    }

    .wp-block-columns .wp-block-column p {
        font-size: 16px;
    }

    .wp-block-columns.is-style-columns-business {
        flex-wrap: nowrap;
    }

    .wp-block-columns.is-style-columns-business .wp-block-column .wp-block-image {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        text-align: center;
    }

    .wp-block-columns.is-style-columns-business .wp-block-column .wp-block-image figure {
        display: flex;
    }

    .wp-block-button a {
        margin: 0 auto;
        height: 40px;
        line-height: 20px;
    }

    .is-style-default-button a, .is-style-default-button div {
        min-width: 165px;
    }

    .wp-block-columns.is-style-columns-service,
    .wp-block-columns.is-style-columns-border,
    .wp-block-columns.is-style-columns-odd-boxes {
        flex-wrap: wrap;
        justify-content: center;
    }

    .wp-block-columns.is-style-columns-service .wp-block-column {
        flex: none;
        flex-basis: unset !important;
        width: 100px;
        margin-top: 40px;
    }

    .wp-block-columns.is-style-columns-service.last-two-icons {
        width: auto;
      }

    .wp-block-columns.is-style-columns-service .wp-block-column p {
        margin-bottom: 0;
    }

    /* .wp-block-columns.is-style-columns-service .wp-block-column .wp-block-image {
        width: 50px;
        height: 50px;
    } */

    .wp-block-columns.is-style-columns-service .wp-block-column .wp-block-image img {
        height: 50px;
        width: auto;
    }

    .wp-block-columns.is-style-columns-border .wp-block-column h1,
    .wp-block-columns.is-style-columns-odd-boxes .wp-block-column h1 {
        margin-top: 20px;
        font-size: 32px !important;
    }

    .wp-block-columns.is-style-columns-border,
    .wp-block-columns.is-style-columns-odd-boxes {
        justify-content: space-between;
    }

    .wp-block-columns.is-style-columns-border.three-boxes :last-child,
    .wp-block-columns.is-style-columns-odd-boxes :last-child {
        margin: 15px auto 0 auto;
    }

    .wp-block-columns.is-style-columns-border .wp-block-column,
    .wp-block-columns.is-style-columns-odd-boxes .wp-block-column {
        margin-top: 15px;
        width: 165px;
        height: 130px;
        flex-basis: unset !important;
        flex: none;
    }

    /* .wp-block-columns.is-style-columns-border .wp-block-column h1,
    .wp-block-columns.is-style-columns-odd-boxes .wp-block-column h1 {
        margin-top: 20px;
        font-size: 40px !important;
    } */

    .wp-block-columns.is-style-columns-border .wp-block-column p,
    .wp-block-columns.is-style-columns-odd-boxes .wp-block-column p {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .gb-grid-wrapper {
        margin-bottom: 30px;
    }

    .gb-grid-wrapper > .gb-grid-column {
        margin-top: 40px;
        flex: none;
        width: 100px !important;
    }

    .gb-grid-wrapper > .gb-grid-column p {
        margin-bottom: 5px;
    }

    .gb-grid-wrapper .wp-block-image {
        margin-bottom: 15px !important;
        display: flex;
        align-items: center;
    }

    .gb-grid-wrapper .wp-block-image img {
        height: 50px;
        width: auto;
    }

    .is-style-subtitle {
        width: 100%;
        line-height: 28px;
        font-size: 16px !important;
    }

    .is-style-special-title {
        width: 100%;
        line-height: 28px;
        font-size: 16px !important;
        margin-bottom: 15px;
    }

    .is-style-special-title-2,
    ul.is-style-service-list-content li {
        line-height: 28px;
        font-size: 14px !important;
        margin-bottom: 0;
    }

    .wp-block-separator.is-style-separator-left {
        margin: 25px 0 40px;
    }

    /* .wp-block-media-text.is-stacked-on-mobile:nth-child(2n) .wp-block-media-text__content {
        grid-row: 2;
    } */

    .page-template-child-page-default .main-content > .container {
        margin-top: 0;
    }

    .news-area .map-area .inner-map .info-popup {
        z-index: 9;
        position: absolute;
        top: -100px;
        left: 50%;
        margin-left: -175px;
        width: 350px;
        box-shadow: 0 5px 60px rgba(0, 0, 0, 0.2);
    }

    .wp-block-columns.service-online-area .wp-block-column {
        height: 200px;
    }

    .wp-block-columns.service-online-area .wp-block-column:nth-child(3),
    .wp-block-columns.service-online-area .wp-block-column:nth-child(4) {
        display: none;
    }

    .wp-block-column.is-style-column-border.service-online-number h1 {
        margin-top: 0;
        font-size: 40px !important;
    }

    .service-online-area a {
        padding-top: 40px;
        background-position: center 110px;
    }

    .new-pagination-area {
        position: relative;
        margin-top: 25px;
        width: 100%;
        margin-bottom: 10px;
    }

    .new-pagination-area .btn-prev, .new-pagination-area .btn-next {
        width: 120px;
        height: 40px;
        position: absolute;
        top: 50px;
        padding: 0;
    }

    .new-pagination-area .btn-prev {
        left: 0;
    }

    .new-pagination-area .btn-next {
        right: 0;
    }

    .el-pager .number, .el-pager .number .current {
        min-width: 0;
    }
    .news-area .events-area-box .left-button {
        display: none;
      }
      .news-area .events-area-box .right-button {
        display: none;
      }
      .news-area .events-area-box .inner-area-box {
        overflow-x: scroll;
      }
      .news-area .events-area-box .inner-area-box .events-area {
        width: 1000px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top {
        height: 290px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block {
        margin-right: 15px;
        height: 290px;
        width: 285px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block.coffee-arrow::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        height: 0;
        width: 0;
        border-right: solid 10px rgba(0, 0, 0, 0);
        border-bottom: solid 10px #81646a;
        border-left: solid 10px rgba(0, 0, 0, 0);
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block.lan-arrow::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        height: 0;
        width: 0;
        border-right: solid 10px rgba(0, 0, 0, 0);
        border-bottom: solid 10px #1d688f;
        border-left: solid 10px rgba(0, 0, 0, 0);
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area {
        overflow: hidden;
        height: 263px;
        width: 285px;
        padding: 15px;
        color: #fff;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area.coffee {
        background-color: #81646a;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area.lan {
        background-color: #1d688f;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-title {
        font-size: 18px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-subtitle {
        margin-top: 5px;
        font-size: 16px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-timeline {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 20px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-timeline li {
        position: relative;
        padding-left: 10px;
        line-height: 24px;
        font-size: 14px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-timeline li .company-url {
        color: #fff;
        text-decoration: underline;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-timeline li .company-url:hover {
        color: #00a851;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-top .events-top-block .event-content-area .event-timeline li::before {
        content: "";
        position: absolute;
        top: 11px;
        left: -3px;
        width: 4px;
        height: 4px;
        background-color: #fff;
        border-radius: 50%;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom {
        height: 290px;
        padding-left: 60px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block {
        margin-right: 15px;
        height: 290px;
        width: 285px;
        padding-top: 27px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block.coffee-arrow::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -5px;
        height: 0;
        width: 0;
        border-right: solid 10px rgba(0, 0, 0, 0);
        border-top: solid 10px #81646a;
        border-left: solid 10px rgba(0, 0, 0, 0);
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block.lan-arrow::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -5px;
        height: 0;
        width: 0;
        border-right: solid 10px rgba(0, 0, 0, 0);
        border-top: solid 10px #1d688f;
        border-left: solid 10px rgba(0, 0, 0, 0);
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area {
        overflow: hidden;
        height: 263px;
        width: 285px;
        padding: 15px;
        color: #fff;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area.coffee {
        background-color: #81646a;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area.lan {
        background-color: #1d688f;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-title {
        font-size: 18px;
        font-family: "GothamBlack";
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-subtitle {
        margin-top: 5px;
        font-size: 16px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-timeline {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 20px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-timeline li {
        position: relative;
        padding-left: 10px;
        line-height: 24px;
        font-size: 14px;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-timeline li .company-url {
        color: #fff;
        text-decoration: underline;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-timeline li .company-url:hover {
        color: #00a851;
      }
      .news-area .events-area-box .inner-area-box .events-area .events-bottom .events-bottom-block .event-content-area .event-timeline li::before {
        content: "";
        position: absolute;
        top: 11px;
        left: -3px;
        width: 4px;
        height: 4px;
        background-color: #fff;
        border-radius: 50%;
    }

    .wp-block-columns.is-style-columns-odd-boxes.text-info .wp-block-column {
        margin-top: 15px;
        width: 165px;
        height: 130px;
    }

    .wp-block-columns.is-style-columns-odd-boxes.text-info .wp-block-column p {
        font-size: 20px !important;
        line-height: 32px !important;
    }

    .gb-grid-wrapper.info-boxes .gb-grid-column {
        margin-top: 15px;
        width: 165px !important;
        height: 130px;
        margin-bottom: 0;
    }

    .gb-grid-wrapper.info-boxes.odd-boxes .gb-grid-column:last-child {
        margin: 15px auto 0 auto;
    }

    .gb-grid-wrapper.info-boxes .gb-grid-column h2 {
        margin-top: 20px;
        font-size: 32px !important;
        margin-bottom: 20px;
    }

    .wp-block-columns.reasons-area .wp-block-column {
        flex-basis: unset !important;
        flex-grow: unset !important;
    }

    .wp-block-columns.reasons-area .wp-block-column:last-child {
        margin: 0 auto;
    }

    .wp-block-columns.reasons-area .wp-block-column:last-child ul {
        border-top: 0;
    }

    .wp-block-columns.reasons-area .wp-block-column p {
        margin-bottom: 15px;
    }

    .wp-block-columns.reasons-area .wp-block-column p a {
        display: block;
        width: 165px;
        height: 120px;
    }

    .hire-link a img {
        height: 100px;
    }

    /** Job table */
    .news-area .job-table.jobs-list-pc {
        display: none;
    }

    .news-area .job-table.jobs-list-mobile {
        display: block;
      }
      .news-area .job-table.jobs-list-mobile .search-area-mobile .search-input-mobile {
        width: 100%;
        height: 40px;
        padding-left: 20px;
        line-height: 40px;
        font-size: 14px;
        color: #1a1a1a;
        background-color: #fff;
        border: 1px solid #e7e5e0;
      }
      .news-area .job-table.jobs-list-mobile .search-area-mobile .search-input-mobile::-webkit-input-placeholder {
        color: #9f9c97;
      }
      .news-area .job-table.jobs-list-mobile .search-area-mobile .search-input-mobile::-moz-placeholder {
        color: #9f9c97;
      }
      .news-area .job-table.jobs-list-mobile .search-area-mobile .search-input-mobile:-ms-input-placeholder {
        color: #9f9c97;
      }
      .news-area .job-table.jobs-list-mobile .search-btn-mobile {
        margin-top: 10px;
        margin-bottom: 20px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        background-color: #00a851;
        border-radius: 3px;
        width: 100%;
        border: none;
      }
      .news-area .job-table.jobs-list-mobile .search-company-mobile, .news-area .job-table.jobs-list-mobile .search-city-mobile, .news-area .job-table.jobs-list-mobile .search-type-mobile {
        position: relative;
        margin-bottom: 10px;
        height: 40px;
      }
      .news-area .job-table.jobs-list-mobile .search-company-mobile select, .news-area .job-table.jobs-list-mobile .search-city-mobile select, .news-area .job-table.jobs-list-mobile .search-type-mobile select {
        width: 100%;
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
        color: #1a1a1a;
        border: 1px solid #e7e5e0;
        -webkit-appearance: none;
        background-color: #fff;
      }
      .news-area .job-table.jobs-list-mobile .search-company-mobile select.default, .news-area .job-table.jobs-list-mobile .search-city-mobile select.default, .news-area .job-table.jobs-list-mobile .search-type-mobile select.default {
        color: #9f9c97;
      }
      .news-area .job-table.jobs-list-mobile .search-company-mobile::after, .news-area .job-table.jobs-list-mobile .search-city-mobile::after, .news-area .job-table.jobs-list-mobile .search-type-mobile::after {
        content: "";
        position: absolute;
        top: 18px;
        right: 20px;
        height: 0;
        width: 0;
        border-right: solid 4px rgba(0, 0, 0, 0);
        border-top: solid 4px #9f9c97;
        border-left: solid 4px rgba(0, 0, 0, 0);
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid #e7e5e0;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li {
        border-bottom: 1px solid #e7e5e0;
        padding: 0 15px;
        line-height: unset;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li.now-position {
        background-color: #f6f6f2;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li.now-position .show-content .click-icon {
        background-image: url(../images/job-eclipse.png);
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li.now-position .hidden-content {
        display: block;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .show-content {
        display: flex;
        align-items: center;
        height: 60px;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .show-content .job-title {
        flex: 1;
        font-size: 16px;
        color: #1a1a1a;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .show-content .click-icon {
        width: 18px;
        height: 18px;
        background-image: url(../images/job-expansion.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 18px 18px;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .hidden-content {
        display: none;
        padding-bottom: 20px;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .hidden-content .item-each {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
        font-size: 16px;
        color: #1a1a1a;
      }
      .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .hidden-content .item-each .item-title {
        font-weight: 500;
      }
    .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .hidden-content .apply-btn {
        display: block;
        margin-top: 4px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        background-color: #00a851;
        border-radius: 3px;
    }

    .news-area .job-table.jobs-list-mobile .jobs-list-display-mobile li .hidden-content .apply-btn a {
        color: #fff;
    }
    /** Job table */

    .business-top {
        height: 42px;
    }

    .business-top li {
        margin-right: 10px;
        line-height: 42px;
    }

    .page-template-child-page-aboutus .wp-block-columns .wp-block-column.is-style-column-border {
        width: 165px;
        height: 130px;
        flex-grow: unset;
        flex-basis: unset !important;
    }

    .page-template-child-page-aboutus .wp-block-columns .wp-block-column.is-style-column-border h2 {
        margin-bottom: 0;
        font-size: 60px !important;
        margin-top: 18px;
        line-height: 60px;
    }

    .page-template-child-page-aboutus .wp-block-columns.is-style-columns-content-list {
        flex-wrap: nowrap;
    }

    .page-template-child-page-aboutus .wp-block-columns .wp-block-column p {
        font-size: 20px;
    }

    #second-footer-list {
        justify-content: space-between;
        list-style: none;
        width: 100%;
    }

    #second-footer-list li {
        margin: 0 !important;
    }

    .port-image-area {
        margin-bottom: 10px;
    }

    .wp-block-columns.port-image-area .wp-block-column {
        width: 100%;
        height: 0;
        padding-bottom: 66.96%;
    }

    .honor-image-area {
        display: none;
    }

    .honor-image-area02 {
        display: block;
    }

    .honor-image-area02 img {
        width: 100%;
        height: auto;
    }

    .wp-block-columns.service-icon-area .wp-block-column {
        flex-basis: unset !important;
        display: flex;
        width: 105px;
        flex-direction: column;
        flex: unset;
        margin-right: 10px;
    }

    .wp-block-columns.service-icon-area .wp-block-column p {
        font-size: 16px;
    }

    .file-list li .download-btn {
        width: 120px;
        height: 40px;
    }

    .breadcrumb {
        flex-wrap: nowrap;
    }

    .breadcrumb li  {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .breadcrumb li.active {
        max-width: 200px;
    }

    .breadcrumb li  + .breadcrumb li {
        padding-left: 0;
    }
    .breadcrumb li  + .breadcrumb li::before {
        padding-right: 0;
    }

    .news-area .news-all .news-each .img-area {
        width: 100%;
        height: 0;
        background-color: #f6f6f2;
        background-size: cover;
        padding-bottom: 66.7%;
    }

    .masonry-layout{
        grid-template-columns:repeat(2, 1fr);
    }
    .sec-title{
        font-size:32px;
        margin-bottom:60px;
    }
    .item-achievement{
        height:auto;
    }
    .item-industrial-project:nth-child(odd){
        flex:0 0 100%;
        max-width:100%;
    }

    .item-industrial-project .prod-img{
        max-width:100px;
    }
    .item-industrial-project .txt{
        font-size:12px;
    }

    .item-business-intro-page:nth-child(even){
        border-left:none;
    }
    .industrial-projects,
    .industrial-projects2{
        flex-wrap:wrap;
    }
    .page-electric-vehicles .sec-solutions .part-right{
        margin-top:60px;
    }

    .item-product-cat,
    .item-product{
        width:100%;
    }
    .item-light-feature{
        height:auto;
    }

    .item-product-cat .tmb,
    .item-product-cat .cat-tit{
        min-height: auto;
        line-height: inherit;
    }

    .list-with-check-icon .item-feat{
        width:100%;
        margin:-1px 0 0 0 !important;
    }
}