<?php include 'includes/header.php';?>

<!-- Main Sllider Start -->
<!-- <section class="main-slider-two">
    <div class="main-slider-two__carousel" data-owl-options='{"loop": false, "items": 1, "navText": ["<span class=\"icon-prev\"></span>","<span class=\"icon-next\"></span>"], "margin": 0, "dots": false, "nav": false, "animateOut": "slideOutDown", "animateIn": "fadeIn", "active": true, "smartSpeed": 1000, "autoplay": false, "autoplayTimeout": 7000, "autoplayHoverPause": false}'>
        <div class="item main-slider-two__slide-1">
            <div class="main-slider-two__bg" style="background-image: url(assets/images/backgrounds/slider-2-1.jpg);">
            </div>
            <div class="main-slider-two__shape-1"></div>
            <div class="main-slider-two__shape-2"></div>
            <div class="main-slider-two__shape-3"></div>
            <div class="main-slider-two__shape-4"></div>
            <div class="container">
                <div class="main-slider-two__content">
                    <div class="main-slider-two__video-link">
                        <a href="https://www.youtube.com/watch?v=XHOmBV4js_E" class="video-popup">
                            <div class="main-slider-two__video-icon">
                                <span class="fa fa-play"></span>
                                <i class="ripple"></i>
                            </div>
                        </a>
                    </div>
                    <h2 class="main-slider-two__title">成就永生的奥义</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea fuga sint optio reprehenderit nulla
                        sit deserunt eveniet, sapiente consequuntur minus facilis rem consequatur perferendis odit alias
                        possimus tempora accusantium iure.</p>
                    <div class="main-slider-two__btn-box">
                        <a href="void:;" class="main-slider-two__btn thm-btn"><span class="icon-right-arrow"></span>
                            Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="item main-slider-two__slide-2">
            <div class="main-slider-two__bg" style="background-image: url(assets/images/backgrounds/slider-2-2.jpg);">
            </div>
            <div class="main-slider-two__shape-1"></div>
            <div class="main-slider-two__shape-2"></div>
            <div class="main-slider-two__shape-3"></div>
            <div class="main-slider-two__shape-4"></div>
            <div class="container">
                <div class="main-slider-two__content">
                    <div class="main-slider-two__video-link">
                        <a href="https://www.youtube.com/watch?v=XHOmBV4js_E" class="video-popup">
                            <div class="main-slider-two__video-icon">
                                <span class="fa fa-play"></span>
                                <i class="ripple"></i>
                            </div>
                        </a>
                    </div>
                    <h2 class="main-slider-two__title">成就永生的奥义</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea fuga sint optio reprehenderit nulla
                        sit deserunt eveniet, sapiente consequuntur minus facilis rem consequatur perferendis odit alias
                        possimus tempora accusantium iure.</p>
                    <div class="main-slider-two__btn-box">
                        <a href="void:;" class="main-slider-two__btn thm-btn"><span class="icon-right-arrow"></span>
                            Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="item main-slider-two__slide-3">
            <div class="main-slider-two__bg" style="background-image: url(assets/images/backgrounds/slider-2-3.jpg);">
            </div>
            <div class="main-slider-two__shape-1"></div>
            <div class="main-slider-two__shape-2"></div>
            <div class="main-slider-two__shape-3"></div>
            <div class="main-slider-two__shape-4"></div>
            <div class="container">
                <div class="main-slider-two__content">
                    <div class="main-slider-two__video-link">
                        <a href="https://www.youtube.com/watch?v=XHOmBV4js_E" class="video-popup">
                            <div class="main-slider-two__video-icon">
                                <span class="fa fa-play"></span>
                                <i class="ripple"></i>
                            </div>
                        </a>
                    </div>
                    <h2 class="main-slider-two__title">成就永生的奥义</h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea fuga sint optio reprehenderit nulla
                        sit deserunt eveniet, sapiente consequuntur minus facilis rem consequatur perferendis odit alias
                        possimus tempora accusantium iure.</p>
                    <div class="main-slider-two__btn-box">
                        <a href="void:;" class="main-slider-two__btn thm-btn"><span class="icon-right-arrow"></span>
                            Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> -->
<!--Main Sllider Start -->


<section class="home-banner-sec-main">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                <div class="home-banner-content">
                    <h1>成就永生的奥义</h1>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea fuga sint optio reprehenderit nulla
                        sit deserunt eveniet, sapiente consequuntur minus facilis rem consequatur perferendis odit alias
                        possimus tempora accusantium iure.</p>
                    <div class="why-choose-two__btn-box">
                        <a href="void:;" class="why-choose-two__btn thm-btn"><span class="icon-right-arrow"></span>More
                            Read More</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<!--Why Choose Two Start-->
<section class="why-choose-two">
    <div class="container">
        <div class="row">
            <div class="col-xl-4">
                <div class="why-choose-two__left">
                    <div class="section-title-two text-left">
                        <div class="section-title-two__tagline-box">
                            <p class="section-title-two__tagline">About the Author</p>
                            <div class="section-title-two__shape">
                                <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                            </div>
                        </div>
                        <h2 class="section-title-two__title">Xú dōngxìng</h2>
                    </div>
                    <p class="why-choose-two__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi ex
                        inventore minus tempora, ipsa error facere a officia possimus incidunt, consequuntur libero
                        expedita molestias doloribus, tenetur culpa dolore. Minima, odit.</p>
                    <div class="why-choose-two__btn-box">
                        <a href="void:;" class="why-choose-two__btn thm-btn"><span class="icon-right-arrow"></span>More
                            About the Author</a>
                    </div>
                    <div class="why-choose-two__contact-box">
                        <div class="why-choose-two__contact-icon">
                            <span class="icon-customer-service-1"></span>
                        </div>
                        <div class="why-choose-two__contact-content">
                            <p>Emergency Call</p>
                            <a href="tel:12345678910" class="why-choose-two__number">12 (345) 678 910</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 wow fadeInLeft" data-wow-delay="100ms">
                <div class="why-choose-two__middle">
                    <div class="why-choose-two__img">
                        <img src="assets/images/author-image.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-xl-4">
                <div class="why-choose-two__right">
                    <ul class="why-choose-two__list list-unstyled">
                        <li class="wow fadeInUp" data-wow-delay="200ms">
                            <div class="icon-box">
                                <div class="icon">
                                    <span class="icon-content"></span>
                                </div>
                            </div>
                            <div class="content">
                                <h3>优质内容</h3>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero neque, id magnam
                                    blanditiis iusto debitis</p>
                            </div>
                        </li>
                        <li class="wow fadeInUp" data-wow-delay="300ms">
                            <div class="icon-box">
                                <div class="icon">
                                    <span class="icon-user-2"></span>
                                </div>
                            </div>
                            <div class="content">
                                <h3>专家会员</h3>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero neque, id magnam
                                    blanditiis iusto debitis</p>
                            </div>
                        </li>
                        <li class="wow fadeInUp" data-wow-delay="400ms">
                            <div class="icon-box">
                                <div class="icon">
                                    <span class="icon-stats"></span>
                                </div>
                            </div>
                            <div class="content">
                                <h3>数字商务</h3>
                                <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero neque, id magnam
                                    blanditiis iusto debitis</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Why Choose Two End-->

<!--Feature Three Start-->
<section class="feature-three">
    <div class="container">
        <div class="section-title-two text-center">
            <div class="section-title-two__tagline-box">
                <p class="section-title-two__tagline">Our Core Values</p>
                <div class="section-title-two__shape">
                    <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                </div>
            </div>
            <h2 class="section-title-two__title">Héxīn jiàzhí</h2>
        </div>
        <div class="row">
            <!--Feature Three Single Start-->
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms">
                <div class="feature-three__single">
                    <div class="feature-three__shape-2">
                        <img src="assets/images/shapes/feature-three-shape-2.png" alt="">
                    </div>
                    <div class="feature-three__shape-3">
                        <img src="assets/images/shapes/feature-three-shape-3.png" alt="">
                    </div>
                    <div class="feature-three__icon-box">
                        <div class="feature-three__icon">
                            <span class="icon-idea"></span>
                        </div>
                    </div>
                    <h3 class="feature-three__title">使命</h3>
                    <p class="feature-three__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit
                        tellus</p>
                </div>
            </div>
            <!--Feature Three Single End-->
            <!--Feature Three Single Start-->
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms">
                <div class="feature-three__single">
                    <div class="feature-three__shape-2">
                        <img src="assets/images/shapes/feature-three-shape-2.png" alt="">
                    </div>
                    <div class="feature-three__shape-3">
                        <img src="assets/images/shapes/feature-three-shape-3.png" alt="">
                    </div>
                    <div class="feature-three__icon-box">
                        <div class="feature-three__icon">
                            <span class="icon-bars"></span>
                        </div>
                    </div>
                    <h3 class="feature-three__title">想像</h3>
                    <p class="feature-three__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit
                        tellus</p>
                </div>
            </div>
            <!--Feature Three Single End-->
            <!--Feature Three Single Start-->
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInDown" data-wow-delay="300ms">
                <div class="feature-three__single">
                    <div class="feature-three__shape-2">
                        <img src="assets/images/shapes/feature-three-shape-2.png" alt="">
                    </div>
                    <div class="feature-three__shape-3">
                        <img src="assets/images/shapes/feature-three-shape-3.png" alt="">
                    </div>
                    <div class="feature-three__icon-box">
                        <div class="feature-three__icon">
                            <span class="icon-handshake-1"></span>
                        </div>
                    </div>
                    <h3 class="feature-three__title">阿帕羅克</h3>
                    <p class="feature-three__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit
                        tellus</p>
                </div>
            </div>
            <!--Feature Three Single End-->
            <!--Feature Three Single Start-->
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="400ms">
                <div class="feature-three__single">
                    <div class="feature-three__shape-2">
                        <img src="assets/images/shapes/feature-three-shape-2.png" alt="">
                    </div>
                    <div class="feature-three__shape-3">
                        <img src="assets/images/shapes/feature-three-shape-3.png" alt="">
                    </div>
                    <div class="feature-three__icon-box">
                        <div class="feature-three__icon">
                            <span class="icon-advertising"></span>
                        </div>
                    </div>
                    <h3 class="feature-three__title">專業精神</h3>
                    <p class="feature-three__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit
                        tellus</p>
                </div>
            </div>
            <!--Feature Three Single End-->
        </div>
    </div>
</section>
<!--Feature Three End-->

<!-- Video Interview Section Start Here -->
<section class="video-interview-sec-main">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12 wow fadeInUp" data-wow-delay="200ms">
                <div class="section-title-two text-center">
                    <div class="section-title-two__tagline-box">
                        <p class="section-title-two__tagline">Video Interview</p>
                        <div class="section-title-two__shape">
                            <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                        </div>
                    </div>
                    <h2 class="section-title-two__title">视频预告片</h2>
                </div>
                <div class="inter-view-sec-main">
                    <div class="interview-sec-item">
                        <div class="video-gal-dv">
                            <a href="assets/images/video-trailer.mp4" class="video-popup">
                                <video class="w-100" loop="" muted="">
                                    <source src="assets/images/video-trailer.mp4" type="video/mp4">
                                </video>
                                <i class="icon-play-button-arrowhead"></i>
                            </a>
                        </div>
                        <!-- <iframe width="100%" height="400" src="https://www.youtube.com/embed/XHOmBV4js_E"
                            title="YouTube video" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen>
                        </iframe> -->
                    </div>
                    <div class="interview-sec-item">
                        <div class="video-gal-dv">
                            <a href="assets/images/video-trailer.mp4" class="video-popup">
                                <video class="w-100" loop="" muted="">
                                    <source src="assets/images/video-trailer.mp4" type="video/mp4">
                                </video>
                                <i class="icon-play-button-arrowhead"></i>
                            </a>
                        </div>
                        <!-- <iframe width="100%" height="400" src="https://www.youtube.com/embed/XHOmBV4js_E"
                            title="YouTube video" frameborder="0"
                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                            allowfullscreen>
                        </iframe> -->
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
<!-- Video Interview Section End Here -->

<!-- Book Author Section Start Here -->
<section class="book-author-sec-main">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                <div class="book-auth-image">
                    <img src="assets/images/book-author.png" alt="image" class="img-fluid">
                </div>
            </div>
            <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                <div class="why-choose-two__left">
                    <div class="section-title-two text-left">
                        <div class="section-title-two__tagline-box">
                            <p class="section-title-two__tagline">About the Book</p>
                            <div class="section-title-two__shape">
                                <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                            </div>
                        </div>
                        <h2 class="section-title-two__title">成就永生的奥义 本源心力</h2>
                    </div>
                    <p class="why-choose-two__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Itaque eum
                        reiciendis, maiores vero quo iste mollitia cupiditate? Nostrum, molestiae temporibus adipisci
                        beatae esse autem voluptatibus sunt nihil odit porro ea. Lorem ipsum dolor, sit amet consectetur
                        adipisicing elit. Itaque eum reiciendis, maiores vero quo iste mollitia cupiditate? Nostrum,
                        molestiae temporibus adipisci beatae esse autem voluptatibus sunt nihil odit porro ea. Lorem
                        ipsum dolor, sit amet consectetur adipisicing elit. Itaque eum reiciendis, maiores vero quo iste
                        mollitia cupiditate? Nostrum, molestiae temporibus adipisci beatae esse autem voluptatibus sunt
                        nihil odit porro ea.</p>
                    <div class="why-choose-two__btn-box">
                        <a href="void:;" class="why-choose-two__btn thm-btn"><span class="icon-right-arrow"></span>More
                            About the Book</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Book Author Section End Here -->

<!--Testimonial Two Start-->
<section class="testimonial-two">
    <div class="testimonial-two__bg" style="background-image: url(assets/images/backgrounds/testimonial-two-bg.png);">
    </div>
    <div class="container">
        <div class="section-title-two text-center">
            <div class="section-title-two__tagline-box">
                <p class="section-title-two__tagline">Clients Reviews</p>
                <div class="section-title-two__shape">
                    <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                </div>
            </div>
            <h2 class="section-title-two__title">Dúzhě zài shuō shénme</h2>
        </div>
        <div class="testimonial-two__bottom">
            <div class="testimonial-two__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
                        "loop": true,
                        "autoplay": true,
                        "margin": 30,
                        "nav": true,
                        "dots": false,
                        "smartSpeed": 500,
                        "autoplayTimeout": 10000,
                        "navText": ["<span class=\"icon-prev\"></span>","<span class=\"icon-next\"></span>"],
                        "responsive": {
                            "0": {
                                "items": 1
                            },
                            "768": {
                                "items": 2
                            },
                            "992": {
                                "items": 3
                            },
                            "1290": {
                                "items": 3
                            }
                        }
                    }'>
                <!--Testimonial Two Single Start-->
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__img">
                            <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
                        </div>
                        <div class="testimonial-two__shape-1">
                            <img src="assets/images/shapes/testimonial-two-shape-1.png" alt="">
                        </div>
                        <ul class="testimonial-two__ratting list-unstyled">
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                        </ul>
                        <h3 class="testimonial-two__name"><a href="void:;">Shawn Lii</a></h3>
                        <p class="testimonial-two__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit.
                            Cupiditate minima, doloremque quae aut nesciunt numquam optio! Iusto totam quasi dolorum
                            placeat aspernatur, recusandae pariatur architecto non dolore sed maxime tenetur.</p>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__img">
                            <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
                        </div>
                        <div class="testimonial-two__shape-1">
                            <img src="assets/images/shapes/testimonial-two-shape-1.png" alt="">
                        </div>
                        <ul class="testimonial-two__ratting list-unstyled">
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                        </ul>
                        <h3 class="testimonial-two__name"><a href="void:;">Yami</a></h3>
                        <p class="testimonial-two__text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quos
                            dicta iste voluptates enim sint quam illum illo obcaecati asperiores quo adipisci,
                            similique, delectus qui nam expedita suscipit deleniti accusamus voluptas!</p>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__img">
                            <img src="assets/images/testimonial/testimonial-2-2.jpg" alt="">
                        </div>
                        <div class="testimonial-two__shape-1">
                            <img src="assets/images/shapes/testimonial-two-shape-1.png" alt="">
                        </div>
                        <ul class="testimonial-two__ratting list-unstyled">
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                        </ul>
                        <h3 class="testimonial-two__name"><a href="void:;">Shawn Lii</a></h3>
                        <p class="testimonial-two__text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                            Voluptate quibusdam tempora dolorum consequuntur pariatur nemo in eveniet. Voluptatum
                            repudiandae doloremque quis sint, eum dolores, odio deserunt, facilis nisi numquam
                            voluptates!</p>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonial-two__single">
                        <div class="testimonial-two__img">
                            <img src="assets/images/testimonial/testimonial-2-1.jpg" alt="">
                        </div>
                        <div class="testimonial-two__shape-1">
                            <img src="assets/images/shapes/testimonial-two-shape-1.png" alt="">
                        </div>
                        <ul class="testimonial-two__ratting list-unstyled">
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-pointed-star"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                            <li><span class="icon-customer-testimonial"></span></li>
                        </ul>
                        <h3 class="testimonial-two__name"><a href="void:;">Yami</a></h3>
                        <p class="testimonial-two__text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            Necessitatibus iusto voluptas iure cum quis! Eligendi dolor magnam quis vero nulla delectus
                            a, aut repellat sed, nemo voluptatum qui, odio corrupti.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Testimonial Two End-->

<!--FAQ One Start-->
<section class="faq-one">
    <div class="container">
        <div class="row">
            <div class="col-xl-6">
                <div class="faq-one__left wow fadeInLeft" data-wow-delay="100ms">
                    <div class="faq-one__img">
                        <img src="assets/images/author-image.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-xl-6">
                <div class="faq-one__right">
                    <div class="section-title-two text-left">
                        <div class="section-title-two__tagline-box">
                            <p class="section-title-two__tagline">FAQ's</p>
                            <div class="section-title-two__shape">
                                <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                            </div>
                        </div>
                        <h2 class="section-title-two__title">常见问题</h2>
                    </div>
                    <div class="accrodion-grp" data-grp-name="faq-one-accrodion">
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas dicta eligendi
                                        iure explicabo? Non inventore tempore quaerat quia atque quibusdam eius ullam,
                                        in voluptatibus corrupti nulla pariatur sint alias totam!</p>
                                </div>
                            </div>
                        </div>
                        <div class="accrodion active">
                            <div class="accrodion-title">
                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas dicta eligendi
                                        iure explicabo? Non inventore tempore quaerat quia atque quibusdam eius ullam,
                                        in voluptatibus corrupti nulla pariatur sint alias totam!</p>
                                </div>
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas dicta eligendi
                                        iure explicabo? Non inventore tempore quaerat quia atque quibusdam eius ullam,
                                        in voluptatibus corrupti nulla pariatur sint alias totam!</p>
                                </div>
                            </div>
                        </div>
                        <div class="accrodion">
                            <div class="accrodion-title">
                                <h4>Lorem ipsum dolor sit amet consectetur adipisicing</h4>
                            </div>
                            <div class="accrodion-content">
                                <div class="inner">
                                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas dicta eligendi
                                        iure explicabo? Non inventore tempore quaerat quia atque quibusdam eius ullam,
                                        in voluptatibus corrupti nulla pariatur sint alias totam!</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--FAQ One End-->

<!--Blog Two Start-->
<section class="blog-two">
    <div class="container">
        <div class="section-title-two text-center">
            <div class="section-title-two__tagline-box">
                <p class="section-title-two__tagline">Blogs</p>
                <div class="section-title-two__shape">
                    <img src="assets/images/shapes/section-title-two-shape.png" alt="">
                </div>
            </div>
            <h2 class="section-title-two__title">最新公司文章</h2>
        </div>
        <div class="row">
            <!--Blog Two Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                <div class="blog-two__single">
                    <div class="blog-two__img-box">
                        <div class="blog-two__img">
                            <img src="assets/images/blog/blog-2-1.jpg" alt="">
                        </div>
                        <div class="blog-two__date-and-meta">
                            <div class="blog-two__date">
                                <p>22
                                    <br> <span>oct</span>
                                </p>
                            </div>
                            <div class="blog-two__meta-box">
                                <ul class="blog-two__meta list-unstyled">
                                    <li>
                                        <a href="void:;"><span class="icon-tag1"></span>David
                                            Wood</a>
                                    </li>
                                    <li>
                                        <a href="void:;"><span class="icon-comments"></span>(02)
                                            Comment</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blog-two__btn-box">
                            <a href="void:;" class="blog-two__btn thm-btn"><span class="icon-right-arrow"></span>Post
                                Details</a>
                        </div>
                    </div>
                    <div class="blog-two__content">
                        <div class="blog-two__shape-1">
                            <img src="assets/images/shapes/blog-two-shape-1.png" alt="">
                        </div>
                        <p class="blog-two__sub-title">Marketing, Business</p>
                        <h3 class="blog-two__title"><a href="void:;">蒙福的创造之地，野兽给予充满市场野兽的日子</a></h3>
                    </div>
                </div>
            </div>
            <!--Blog Two Single End-->
            <!--Blog Two Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
                <div class="blog-two__single">
                    <div class="blog-two__img-box">
                        <div class="blog-two__img">
                            <img src="assets/images/blog/blog-2-2.jpg" alt="">
                        </div>
                        <div class="blog-two__date-and-meta">
                            <div class="blog-two__date">
                                <p>22
                                    <br> <span>oct</span>
                                </p>
                            </div>
                            <div class="blog-two__meta-box">
                                <ul class="blog-two__meta list-unstyled">
                                    <li>
                                        <a href="void:;"><span class="icon-tag1"></span>David
                                            Wood</a>
                                    </li>
                                    <li>
                                        <a href="void:;"><span class="icon-comments"></span>(02)
                                            Comment</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blog-two__btn-box">
                            <a href="void:;" class="blog-two__btn thm-btn"><span class="icon-right-arrow"></span>Post
                                Details</a>
                        </div>
                    </div>
                    <div class="blog-two__content">
                        <div class="blog-two__shape-1">
                            <img src="assets/images/shapes/blog-two-shape-1.png" alt="">
                        </div>
                        <p class="blog-two__sub-title">Marketing, Business</p>
                        <h3 class="blog-two__title"><a href="void:;">分裂的开放创造了绿色的战斗，开放在一起，可以看到.</a></h3>
                    </div>
                </div>
            </div>
            <!--Blog Two Single End-->
            <!--Blog Two Single Start-->
            <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="300ms">
                <div class="blog-two__single">
                    <div class="blog-two__img-box">
                        <div class="blog-two__img">
                            <img src="assets/images/blog/blog-2-3.jpg" alt="">
                        </div>
                        <div class="blog-two__date-and-meta">
                            <div class="blog-two__date">
                                <p>22
                                    <br> <span>oct</span>
                                </p>
                            </div>
                            <div class="blog-two__meta-box">
                                <ul class="blog-two__meta list-unstyled">
                                    <li>
                                        <a href="void:;"><span class="icon-tag1"></span>David
                                            Wood</a>
                                    </li>
                                    <li>
                                        <a href="void:;"><span class="icon-comments"></span>(02)
                                            Comment</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="blog-two__btn-box">
                            <a href="void:;" class="blog-two__btn thm-btn"><span class="icon-right-arrow"></span>Post
                                Details</a>
                        </div>
                    </div>
                    <div class="blog-two__content">
                        <div class="blog-two__shape-1">
                            <img src="assets/images/shapes/blog-two-shape-1.png" alt="">
                        </div>
                        <p class="blog-two__sub-title">Marketing, Business</p>
                        <h3 class="blog-two__title"><a href="void:;">聚集的草带来了陆地上主要的纯净水源.</a></h3>
                    </div>
                </div>
            </div>
            <!--Blog Two Single End-->
        </div>
    </div>
</section>
<!--Blog Two End-->

<?php include 'includes/footer.php';?>