chengkun
2026-03-30 c515366161f50437bdfef113704e02e1cdd4691f
app/home/view/index/index.html
@@ -9,6 +9,37 @@
    <include file="common:element-plus" />
    <link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
    <include file="common:html-header" />
    <style>
        .cover_img {
            width: 360px;
            height: 240px;
            vertical-align: middle;
            object-fit: cover;
        }
        .blog-title {
            height: 53px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        .blog-desc {
            height: 77px;
            margin: 15px 0;
            padding: 0 0 0 0 !important;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .witr_pslide_image img{
            width: 100%;
        }
    </style>
</head>
<body>
@@ -16,66 +47,7 @@
        <!-- 顶部 导航栏 -->
        <include file="common:top-header" />
        <!-- MOBILE MENU Logo AREA -->
        <div class="mobile_logo_area hidden-md hidden-lg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="mobile_menu_logo text-center">
                            <a href="index.html" title="lowgo">
                                <img src="/static/home/images/logo.png" alt="lowgo">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- MOBILE MENU AREA -->
        <div class="home-2 mbm hidden-md hidden-lg  header_area main-menu-area">
            <div class="menu_area mobile-menu">
                <nav class="itpart_menu">
                    <ul class="sub-menu">
                        <li class="menu-item-has-children"><a href="#">Home</a>
                            <ul class="sub-menu">
                                <li><a href="index.html">Home Page</a></li>
                                <li><a href="home-two.html">Home Two Page</a></li>
                                <li><a href="home-video.html">Home Video Page</a></li>
                                <li><a href="landing-page.html">Landing Page</a></li>
                            </ul>
                        </li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="service.html">Service</a></li>
                        <li class="menu-item-has-children"><a href="blog.html">Blog</a>
                            <ul class="sub-menu">
                                <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                                <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
                                <li><a href="blog.html">Blog Gird</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="#">Pages</a>
                            <ul class="sub-menu">
                                <li class="menu-item-has-children"><a href="">Portfolio</a>
                                    <ul class="sub-menu">
                                        <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
                                        <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
                                        <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
                                    </ul>
                                </li>
                                <li><a href="testimonial.html">Testimonial</a></li>
                                <li><a href="pricing-table.html">Pricing Table</a></li>
                                <li><a href="team.html">Team</a></li>
                                <li><a href="faq-page.html">Faq Page</a></li>
                                <li><a href="single-service.html">Single Service</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- END MOBILE MENU AREA  -->
        <!-- 轮播图 -->
        <div class="witr_swiper_area">
            <div class="swiper-container swiper_active">
                <div class="swiper-wrapper">
@@ -205,7 +177,7 @@
            </div>
        </div>
        <!-- about area  -->
        <!-- 关于我们  -->
        <div class="itpart_about_area">
            <div class="container">
                <div class="row">
@@ -219,11 +191,11 @@
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="about_right_inner">
                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.aboutUs')}}</h1>
                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.home.text-10')}}</h1>
                            <!-- title left -->
                            <div class="witr_section_title">
                                <div class="witr_section_title_inner text-left">
                                    <h3>{{ $t('message.home.text-9')}}<span> {{ $t('message.home.text-10')}}<span></span></span></h3>
                                    <h3>{{ $t('message.home.text-9')}}</h3>
                                    <!-- content -->
                                    <p>{{ $t('message.home.text-11')}}</p>
                                </div>
@@ -233,8 +205,8 @@
                                    <span class="witr_label">{{ $t('message.home.text-12')}}</span>
                                </div>
                                <div class="progress witr_progress-style2">
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 80%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <span class="witr_percent">80%</span>
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <!-- <span class="witr_percent">100%</span> -->
                                    </div>
                                </div>
                            </div>
@@ -243,8 +215,8 @@
                                    <span class="witr_label">{{ $t('message.home.text-13')}}</span>
                                </div>
                                <div class="progress witr_progress-style2">
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 70%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <span class="witr_percent">70%</span>
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <!-- <span class="witr_percent">100%</span> -->
                                    </div>
                                </div>
                            </div>
@@ -253,8 +225,8 @@
                                    <span class="witr_label">{{ $t('message.home.text-14')}} </span>
                                </div>
                                <div class="progress witr_progress-style2">
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 90%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <span class="witr_percent">90%</span>
                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
                                        <!-- <span class="witr_percent">100%</span> -->
                                    </div>
                                </div>
                            </div>
@@ -263,7 +235,7 @@
                                <!-- btn default style -->
                                <div class="witr_btn_style mr">
                                    <div class="witr_btn_sinner">
                                        <a href="#" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
                                        <a href="/home/about/index.html" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
                                    </div>
                                </div>
                            </div>
@@ -373,9 +345,9 @@
                        <!-- title center -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-center">
                                <h2>Our Project </h2>
                                <h2>{{ $t('message.home.text-86')}}</h2>
                                <!-- title middle -->
                                <h3>Recent Our Portfolios </h3>
                                <h3>{{ $t('message.home.text-87')}}</h3>
                            </div>
                        </div>
                    </div>
@@ -391,9 +363,9 @@
                                        <div class="witr_content_pslide_text">
                                            <div class="witr_content_pslide">
                                                <!-- title -->
                                                <h3><a href="#" tabindex="-1">Business and Marketing </a></h3>
                                                <h3><a href="#" tabindex="-1">{{ $t('message.home.text-88')}}</a></h3>
                                                <!-- content -->
                                                <p>Business </p>
                                                <p>{{ $t('message.home.text-89')}}</p>
                                            </div>
                                        </div>
                                    </div>
@@ -407,9 +379,9 @@
                                        <div class="witr_content_pslide_text">
                                            <div class="witr_content_pslide">
                                                <!-- title -->
                                                <h3><a href="#" tabindex="-1">Improve for Business </a></h3>
                                                <h3><a href="#" tabindex="-1">{{ $t('message.home.text-90')}}</a></h3>
                                                <!-- content -->
                                                <p>Marketing </p>
                                                <p>{{ $t('message.home.text-91')}}</p>
                                            </div>
                                        </div>
                                    </div>
@@ -423,9 +395,9 @@
                                        <div class="witr_content_pslide_text">
                                            <div class="witr_content_pslide">
                                                <!-- title -->
                                                <h3><a href="#" tabindex="-1">Product of Design </a></h3>
                                                <h3><a href="#" tabindex="-1">{{ $t('message.home.text-92')}}</a></h3>
                                                <!-- content -->
                                                <p>Photography </p>
                                                <p>{{ $t('message.home.text-93')}}</p>
                                            </div>
                                        </div>
                                    </div>
@@ -439,29 +411,27 @@
                                        <div class="witr_content_pslide_text">
                                            <div class="witr_content_pslide">
                                                <!-- title -->
                                                <h3><a href="#" tabindex="-1">Advertising Technology</a></h3>
                                                <h3><a href="#" tabindex="-1">{{ $t('message.home.text-94')}}</a></h3>
                                                <!-- content -->
                                                <p>Developer </p>
                                                <p>{{ $t('message.home.text-95')}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 05  single portfolio -->
                                <div class="item_pos col-lg-12">
                                <!-- <div class="item_pos col-lg-12">
                                    <div class="witr_single_pslide">
                                        <div class="witr_pslide_image">
                                            <img src="/static/home/assets/images/port3.jpg" alt="image">
                                        </div>
                                        <div class="witr_content_pslide_text">
                                            <div class="witr_content_pslide">
                                                <!-- title -->
                                                <h3><a href="#" tabindex="-1">Business and Expand</a></h3>
                                                <!-- content -->
                                                <p>Marketing </p>
                                                <h3><a href="#" tabindex="-1">{{ $t('message.home.text-96')}}</a></h3>
                                                <p>{{ $t('message.home.text-97')}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </div> -->
                            </div>
                        </div>
@@ -729,6 +699,32 @@
                                    </div>
                                </div>
                            </div>
                            <div class="em-service2 sleft all_color_service">
                                <div class="em_service_content ">
                                    <div class="em_single_service_text  ">
                                        <div class="service_top_image">
                                            <!-- image -->
                                        </div>
                                        <div class="text_box witr_s_flex">
                                            <div class="service_top_text all_icon_color">
                                                <div class="em-service-icon">
                                                    <!-- icon -->
                                                   <i class="aprova aprova-analysis"></i>
                                                </div>
                                            </div>
                                            <div class="em-service-inner">
                                                <div class="em-service-title">
                                                    <!-- title -->
                                                    <h3><a href="#">{{ $t('message.home.text-96') }}</a></h3>
                                                </div>
                                                <div class="em-service-desc">
                                                    <p>{{ $t('message.home.text-97') }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- btn area -->
                            <!-- <div class="witr_button_area">
                                <div class="witr_btn_style mr">
@@ -745,31 +741,25 @@
        </div>
        <!-- 我们的价格 -->
        <div class="pricing_plane_area">
        <!-- <div class="pricing_plane_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- title center -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-center">
                                <!-- title top -->
                                <h2>{{ $t('message.home.text-43') }}</h2>
                                <h3>{{ $t('message.home.text-44') }}</h3>
                            </div>
                        </div>
                    </div>
                    <!-- single priceing plane -->
                    <div class="col-lg-4 col-md-6">
                        <div class="pricing_area all_pricing_color ">
                            <div class="pricing-part pricing_style_7 ">
                                <!-- icon -->
                                <div class="witr_pricing_icon"></div>
                                <!-- price/currency/month -->
                                <h5><span>{{ $t('message.home.text-46') }}</span></h5>
                                <div class="pricing_bar_title">
                                    <h4>{{ $t('message.home.text-45') }}</h4>
                                </div>
                                <!-- list -->
                                <div class="witri_texti_list">
                                    <ul>
                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-47') }}+{{ $t('message.home.text-48') }}</li>
@@ -777,25 +767,20 @@
                                        <li class=" themex-item-4d82a40">{{ $t('message.home.text-50') }}</li>
                                    </ul>
                                </div>
                                <!-- button -->
                                <div class="witr_btnp_color">
                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
                                    <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 02 single priceing plane -->
                    <div class="col-lg-4 col-md-6">
                        <div class="pricing_area all_pricing_color pricing_area2">
                            <div class="pricing-part pricing_style_7 ">
                                <!-- icon -->
                                <div class="witr_pricing_icon"></div>
                                <!-- price/currency/month -->
                                <h5><span>{{ $t('message.home.text-52') }}</span></h5>
                                <div class="pricing_bar_title">
                                    <h4>{{ $t('message.home.text-51') }}</h4>
                                </div>
                                <!-- list -->
                                <div class="witri_texti_list">
                                    <ul>
                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-53') }}</li>
@@ -803,25 +788,20 @@
                                        <li class=" themex-item-2a29fe4">{{ $t('message.home.text-55') }}</li>
                                    </ul>
                                </div>
                                <!-- button -->
                                <div class="witr_btnp_color">
                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
                                    <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- 03 single priceing plane -->
                    <div class="col-lg-4 col-md-6">
                        <div class="pricing_area all_pricing_color ">
                            <div class="pricing-part pricing_style_7 ">
                                <!-- icon -->
                                <div class="witr_pricing_icon"></div>
                                <!-- price/currency/month -->
                                <h5><span>{{ $t('message.home.text-57') }}</span></h5>
                                <div class="pricing_bar_title">
                                    <h4>{{ $t('message.home.text-56') }}</h4>
                                </div>
                                <!-- list -->
                                <div class="witri_texti_list">
                                    <ul>
                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-58') }}</li>
@@ -829,24 +809,21 @@
                                        <li class=" themex-item-2a29fe4">{{ $t('message.home.text-60') }}</li>
                                    </ul>
                                </div>
                                <!-- button -->
                                <div class="witr_btnp_color">
                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
                                    <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 合作对象 -->
        <div class="testimonial_area">
        <!-- <div class="testimonial_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- title center -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-center">
                                <h2>{{ $t('message.home.text-62')}}</h2>
@@ -856,8 +833,32 @@
                    </div>
                    <div class="col-lg-12">
                        <div class="testimonial_active">
                            <!-- single testimonial -->
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="">
                                    <img src="/static/home/images/parent-1.png" alt="image" />
                                </div>
                            </div>
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="">
                                    <img src="/static/home/images/parent-2.png" alt="image" />
                                </div>
                            </div>
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="">
                                    <img src="/static/home/images/parent-3.png" alt="image" />
                                </div>
                            </div>
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="">
                                    <img src="/static/home/images/parent-4.png" alt="image" />
                                </div>
                            </div>
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="">
                                    <img src="/static/home/images/parent-5.png" alt="image" />
                                </div>
                            </div> -->
                            <!-- <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="em_single_testimonial">
                                    <div class="em_test_thumb test-part">
                                        <img src="/static/home/assets/images/t1.png" alt="image" />
@@ -871,7 +872,6 @@
                                    </div>
                                    <div class="em_testi_content">
                                        <div class="em_testi_text">
                                            <!-- content -->
                                            <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
                                        </div>
                                    </div>
@@ -891,92 +891,19 @@
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- 02 single testimonial -->
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="em_single_testimonial">
                                    <div class="em_test_thumb test-part">
                                        <img src="/static/home/assets/images/t2.png" alt="image" />
                                    </div>
                                    <div class="em_testi_title">
                                        <h2>Chicana males <span>Manager</span></h2>
                                    </div>
                                    <div class="em_testi_logo">
                                        <div class="em_testilogo_inner">
                                        </div>
                                    </div>
                                    <div class="em_testi_content">
                                        <div class="em_testi_text">
                                            <!-- content -->
                                            <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
                                        </div>
                                    </div>
                                    <div class="test-part">
                                        <ul>
                                            <li>
                                                <div class="execllent_toggol">
                                                    <div class="em_crating">
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- 03 single testimonial -->
                            <div class="witr_testi_itemt testi-width all_color_testimonial">
                                <div class="em_single_testimonial">
                                    <div class="em_test_thumb test-part">
                                        <img src="/static/home/assets/images/t1.png" alt="image" />
                                    </div>
                                    <div class="em_testi_title">
                                        <h2>David Markers <span>Co- Of Officer</span></h2>
                                    </div>
                                    <div class="em_testi_logo">
                                        <div class="em_testilogo_inner">
                                        </div>
                                    </div>
                                    <div class="em_testi_content">
                                        <div class="em_testi_text">
                                            <!-- content -->
                                            <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
                                        </div>
                                    </div>
                                    <div class="test-part">
                                        <ul>
                                            <li>
                                                <div class="execllent_toggol">
                                                    <div class="em_crating">
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                        <i class="icofont-star active"></i>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            </div> -->
                        </div>
                        <!-- </div>
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 我们的工作流程 -->
        <div class="working_proces_area">
        <!-- <div class="working_proces_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- title center -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-center">
                                <h2>{{ $t('message.home.text-64') }}</h2>
@@ -984,85 +911,59 @@
                            </div>
                        </div>
                    </div>
                    <!-- single feature -->
                    <div class="col-lg-3 col-md-6">
                        <div class="witr_feature_13 all_feature_color text-center ">
                            <div class="sub-item same2">
                                <!-- icon -->
                                <i class=" flaticon-settings-1"></i>
                                <!-- number -->
                                <span>01</span>
                                <!-- title -->
                                <h3><a href="#">{{ $t('message.home.text-66') }}</a></h3>
                                <!-- content -->
                                <p>{{ $t('message.home.text-67') }} </p>
                            </div>
                        </div>
                    </div>
                    <!-- 02 single feature -->
                    <div class="col-lg-3 col-md-6">
                        <div class="witr_feature_13 all_feature_color text-center ">
                            <div class="sub-item same2">
                                <!-- icon -->
                                <i class=" flaticon-advertising"></i>
                                <!-- number -->
                                <span>02</span>
                                <!-- title -->
                                <h3><a href="#">{{ $t('message.home.text-68') }}</a></h3>
                                <!-- content -->
                                <p>{{ $t('message.home.text-69') }}</p>
                            </div>
                        </div>
                    </div>
                    <!-- 03 single feature -->
                    <div class="col-lg-3 col-md-6">
                        <div class="witr_feature_13 all_feature_color text-center ">
                            <div class="sub-item same2">
                                <!-- icon -->
                                <i class=" flaticon-cogwheels"></i>
                                <!-- number -->
                                <span>03</span>
                                <!-- title -->
                                <h3><a href="#">{{ $t('message.home.text-70') }}</a></h3>
                                <!-- content -->
                                <p>{{ $t('message.home.text-71') }}</p>
                            </div>
                        </div>
                    </div>
                    <!-- 04 single feature -->
                    <div class="col-lg-3 col-md-6">
                        <div class="witr_feature_13 all_feature_color text-center ">
                            <div class="sub-item same2">
                                <!-- icon -->
                                <i class=" flaticon-like-1"></i>
                                <!-- number -->
                                <span>04</span>
                                <!-- title -->
                                <h3><a href="#">{{ $t('message.home.text-72') }}</a></h3>
                                <!-- content -->
                                <p>{{ $t('message.home.text-73') }} </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 常见问题 -->
        <div class="itpart_accordion_area">
        <!-- <div class="itpart_accordion_area">
            <div class="container">
                <div class="row">
                    <!-- accordion left faq -->
                    <div class="col-lg-6 col-md-6">
                        <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.home.text-74') }}</h1>
                        <!-- title left -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-left">
                                <!-- title middle -->
                                <h3>{{ $t('message.home.text-75') }}</h3>
                                <!-- content -->
                                <!-- <p>I'm a Freelancer Front-end Developer with 3 years of perience. code and create web elements for amazing. </p> -->
                            </div>
                        </div>
                        <div class="accordion_area">
@@ -1071,7 +972,6 @@
                                    <div class="card card-2  ">
                                        <div class="card-header witr_ac_card">
                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_0f9c115" aria-expanded="true">
                                                <!-- icon -->
                                                <i class=""></i>
                                                {{ $t('message.home.text-76') }}
                                            </a>
@@ -1083,7 +983,6 @@
                                    <div class="card card-2  ">
                                        <div class="card-header witr_ac_card">
                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_57cb98a" aria-expanded="true">
                                                <!-- icon -->
                                                <i class=""></i>
                                                {{ $t('message.home.text-78') }}
                                            </a>
@@ -1095,7 +994,6 @@
                                    <div class="card card-2  ">
                                        <div class="card-header witr_ac_card">
                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_a90f311" aria-expanded="true">
                                                <!-- icon -->
                                                <i class=""></i>
                                                {{ $t('message.home.text-80') }}
                                            </a>
@@ -1103,11 +1001,10 @@
                                        <div id="collapse_a90f311" class="collapse ac_s_padding  " data-parent="#accordion">
                                            <p>{{ $t('message.home.text-81') }}</p>
                                        </div>
                                    </div> <!-- card -->
                                    </div>
                                    <div class="card card-2  ">
                                        <div class="card-header witr_ac_card">
                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_f98c440" aria-expanded="true">
                                                <!-- icon -->
                                                <i class=""></i>
                                                {{ $t('message.home.text-82') }}
                                            </a>
@@ -1115,30 +1012,27 @@
                                        <div id="collapse_f98c440" class="collapse ac_s_padding  " data-parent="#accordion">
                                            <p>{{ $t('message.home.text-83') }}</p>
                                        </div>
                                    </div> <!-- card -->
                                    </div>
                                </div>
                            </div> <!-- faq part -->
                            </div>
                        </div>
                    </div>
                    <!-- accordion right image -->
                    <div class="col-lg-6 col-md-6">
                        <div class="single_image_area">
                            <div class="single_image single_line_option  ">
                                <!-- image -->
                                <img src="/static/home/assets/images/faq-img.jpg" alt="image" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 动态-->
        <div class="itpart_blog_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- title center -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-center">
                                <!-- title top -->
@@ -1153,122 +1047,44 @@
                        <div class="witr_blog_area12">
                            <div class="blog_active ">
                                <!-- single blog -->
                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
                                    <div class="busi_singleBlog">
                                        <!-- image -->
                                        <div class="witr_sb_thumb">
                                            <a href="#"> <img src="/static/home/assets/images/blog1.jpg" alt="image" /> </a>
                                            <div class="witr_top_category">
                                                <!-- category -->
                                                <ul class="post-categories">
                                <volist name="list" id="item">
                                    <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
                                        <div class="busi_singleBlog">
                                            <!-- image -->
                                            <div class="witr_sb_thumb ">
                                                <a href="#"> <img src="{$item.cover_img}" alt="image" class="cover_img" /> </a>
                                                <div class="witr_top_category category_blog_grid">
                                                    <!-- category -->
                                                    <!-- <ul class="post-categories">
                                                    <li><a href="#">Developer</a></li>
                                                </ul>
                                                </ul> -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="all_blog_color">
                                            <div class="witr_blog_con bs5">
                                                <!--  post meta -->
                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
                                                <!-- title -->
                                                <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
                                                <!-- content -->
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                                <div class="wbutton_right_icon">
                                                    <a href="#"><i class="ti-arrow-right"></i></a>
                                            <div class="all_blog_color">
                                                <div class="witr_blog_con bs5">
                                                    <!-- title -->
                                                    <h2>
                                                        <a href="javascript:void(0)" @click="gotoBlogDetail({$item.id})" class="blog-title">
                                                            <template v-if="language=='zh-cn'">{$item.title}</template>
                                                            <template v-else>{$item.en_title}</template>
                                                        </a>
                                                    </h2>
                                                    <!--  post meta -->
                                                    <!-- <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span> -->
                                                    <span><a href="#"><i class="icofont-ui-clock"></i></a>{{formatDate({$item.create_time})}}</span>
                                                    <!-- content -->
                                                    <p class="blog-desc">
                                                        <template v-if="language=='zh-cn'">{$item.desc}</template>
                                                        <template v-else>{$item.en_desc}</template>
                                                    </p>
                                                    <!-- <div class="learn_more_adn">
                                                        <a class="learn_btn adnbtn2" href="javascript:void(0)" @click="gotoBlogDetail({$item.id})">Read More</a>
                                                    </div> -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 02 single blog -->
                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
                                    <div class="busi_singleBlog">
                                        <!-- image -->
                                        <div class="witr_sb_thumb">
                                            <a href="#"> <img src="/static/home/assets/images/blog2.jpg" alt="image" /> </a>
                                            <div class="witr_top_category">
                                                <!-- category -->
                                                <ul class="post-categories">
                                                    <li><a href="#">Support</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="all_blog_color">
                                            <div class="witr_blog_con bs5">
                                                <!--  post meta -->
                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 29 Aug 2021</span>
                                                <!-- title -->
                                                <h2><a href="single-blog.html">Email marketing tips that will increase your sales.</a></h2>
                                                <!-- content -->
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                                <div class="wbutton_right_icon">
                                                    <a href="#"><i class="ti-arrow-right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 03 single blog -->
                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
                                    <div class="busi_singleBlog">
                                        <!-- image -->
                                        <div class="witr_sb_thumb">
                                            <a href="#"> <img src="/static/home/assets/images/blog3.jpg" alt="image" /> </a>
                                            <div class="witr_top_category">
                                                <!-- category -->
                                                <ul class="post-categories">
                                                    <li><a href="#">It Service</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="all_blog_color">
                                            <div class="witr_blog_con bs5">
                                                <!--  post meta -->
                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
                                                <span><a href="#"><i class="icofont-ui-clock"></i></a>24 Jun 2021</span>
                                                <!-- title -->
                                                <h2><a href="single-blog.html">Productivity tips to avoid burn out when working.</a></h2>
                                                <!-- content -->
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                                <div class="wbutton_right_icon">
                                                    <a href="#"><i class="ti-arrow-right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 04 single blog -->
                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
                                    <div class="busi_singleBlog">
                                        <!-- image -->
                                        <div class="witr_sb_thumb">
                                            <a href="#"> <img src="/static/home/assets/images/blog11.jpg" alt="image" /> </a>
                                            <div class="witr_top_category">
                                                <!-- category -->
                                                <ul class="post-categories">
                                                    <li><a href="#">Management</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="all_blog_color">
                                            <div class="witr_blog_con bs5">
                                                <!--  post meta -->
                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
                                                <!-- title -->
                                                <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
                                                <!-- content -->
                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
                                                <div class="wbutton_right_icon">
                                                    <a href="#"><i class="ti-arrow-right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </volist>
                            </div>
                        </div>
                    </div>
@@ -1277,28 +1093,21 @@
        </div>
        <!-- 联系我们 -->
        <div class="itpart_contact_area">
        <!-- <div class="itpart_contact_area">
            <div class="container">
                <div class="row">
                    <!-- contact left image -->
                    <div class="col-lg-6 col-md-6">
                        <div class="single_image_area">
                            <div class="single_image single_line_option ">
                                <!-- image -->
                                <img src="/static/home/assets/images/call-img.png" alt="image">
                            </div>
                        </div>
                    </div>
                    <!-- contact right contact form -->
                    <div class="col-lg-6 col-md-6">
                        <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.contactUs') }}</h1>
                        <!-- title right -->
                        <div class="witr_section_title">
                            <div class="witr_section_title_inner text-left">
                                <!-- title middle -->
                                <h3>{{ $t('message.common.submit-contact-information') }}</h3>
                                <!-- content -->
                                <!-- <p>I'm a Freelancer Front-end Developer with 3 years of patience. code and create web elements for amazing. </p> -->
                            </div>
                        </div>
                        <div class="apartment_area">
@@ -1341,54 +1150,42 @@
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- itpart brand area -->
        <div class="itpart_brand_area">
        <!-- <div class="itpart_brand_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="carousel_imagess_area">
                            <div class="brand_active">
                                <!-- single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a>
                                    </div>
                                </div>
                                <!-- 02 single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br4.png" alt="image"></a>
                                    </div>
                                </div>
                                <!-- 03 single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br3.png" alt="image"></a>
                                    </div>
                                </div>
                                <!-- 04 single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br2.png" alt="image"></a>
                                    </div>
                                </div>
                                <!-- 05 single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br1.png" alt="image"></a>
                                    </div>
                                </div>
                                <!-- 06 single brand -->
                                <div class="col-lg-12">
                                    <div class="slide_items  ">
                                        <!-- image -->
                                        <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a>
                                    </div>
                                </div>
@@ -1397,7 +1194,7 @@
                    </div>
                </div>
            </div>
        </div>
        </div> -->
        <!-- 底部 -->
        <include file="common:footer" />
@@ -1406,10 +1203,12 @@
    <!-- Vue App -->
    <script src="/static/vue/mixin.js"></script>
    <script>
        var language = localStorage.getItem('changjiang-park-lang') || 'zh-cn';
        const App = {
            mixins: [sharedMixin],
            data() {
                return {
                    language: language,
                    form: {
                        name: '',
                        email: '',
@@ -1427,7 +1226,14 @@
            created() {
            },
            methods: {
                formatDate(time) {
                    return moment(time * 1000).format("YYYY-MM-DD");
                },
                /////进入博客详情/////
                gotoBlogDetail(id) {
                    window.location.href = '/home/blog/detail/id/' + id + '.html';
                },
                submitForm() {
                    var that = this;
                    that.submitDisabled = true;