<!DOCTYPE html>
<html lang="{{ config('lang') }}" class="lang-{{ config('lang') }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{ $seo['title'] }}</title>
    <meta name="keywords" content="{{ $seo['keywords'] }}">
    <meta name="description" content="{{ $seo['description'] }}">
    <meta name="renderer" content="webkit">
    <link rel="canonical" href="{{ url('/') }}" />
    @foreach (inject('lang')->show() as $key => $value)
    <link rel="alternate" hreflang="{{ $value->slug }}" href="{{ $value->url }}" />
    @endforeach
    {!! inject('setting')->config('traffic_code') !!}
    {!! inject('setting')->config('app_traffic_code') !!}
    {!! inject('setting')->config('google_code') !!}
    {!! inject('setting')->config('chat_code') !!}
    <link rel="icon" href="{{ inject('setting')->config('brand_ico') }}" type="image/x-icon">
    <link rel="stylesheet" href="{{ themePath('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/jquery.fancybox.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/font-awesome.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/swiper-bundle.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/animate.min.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/index.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/app.css') }}">
    <link rel="stylesheet" href="{{ themePath('css/main.css') }}">
    <link rel="stylesheet" href="{{ config('system.icon_url') }}">
    <script>
        var HOME_URL = "{{ url('/') }}";
    </script>
</head>
<!--[if lt IE 10]>
<body>
<div class="noie">
    您现在使用的是旧版本的 IE 浏览器，为了您能更好及完整体验该系统的所有功能，请尽快升级您的浏览器！
</div>
<![endif]-->
<body>

@include('theme::common.header')

<!--{* banner *}-->
<div class="home-banner overflow" {{ inject('visual')->url('ad', 1) }} data-position-top="80px">
    <div class="swiper-wrapper">
        @foreach (inject('ad')->ad(1) as $key => $value)
        <div class="swiper-slide">
            <a href="{{ $value['url'] }}" title="{!! $value['title'] !!}">
                <img src="{{ $value->img }}" alt="{!! $value['title'] !!}">

                <div class="v_cover">
                    <div class="v_con">
                        <div class="v_tit_aa">
                            {!! $value['title'] !!}
                        </div>
                        <div class="v_tit_bb">
                            {!! $value['summary'] !!}
                        </div>
                        <div class="gd">{!! inject('block')->block('m1', 'title') !!}</div>
                    </div>
                </div>

            </a>
        </div>
        @endforeach
    </div>
    <div class="swiper-pagination saf-bannerPagenation"></div>
</div>


<div class="hm-product">
    <div class="hm-product-tit">
        <div class="e_container1" {{ inject('visual')->url('block', 'hm-product-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-product-title', 'title') !!}</p>
            <h1 class="s_title2 response-transition">{!! inject('block')->block('hm-product-title', 'extend') !!}</h1>
            <div class="s_title3">{!! inject('block')->block('hm-product-title', 'content') !!}</div>
        </div>
    </div>
    <div class="hm-product-con">
        <div class="e_container1">
             <ul class="h-product-list" {{ inject('visual')->url('product') }}>
                @foreach (inject('list')->lists('product', 0, 8, 0, 'recom-1') as $value)
                <li>
                    <a href="{{ $value->present()->url }}" title="{{ $value->description->title or '' }}">
                        <div class="img com-img">
                            <img src="{{ $value->description->present()->image('420*450') }}">
                        </div>
                        <div class="txt">
                            <h3 class="tit clamp2">{{ $value->description->title or '' }}</h3>
                            <div class="pp">{{ $value->description->summary or '' }}</div>
                            <div class="lemore"><span>{!! inject('block')->block('learn-more', 'title') !!}</span></div>
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>

            <div class="text-center hm-pro-more" {{ inject('visual')->url('block', 'hm-product-more') }}>
                <a href="/product/"><span>{!! inject('block')->block('hm-product-more', 'title') !!}</span></a>
            </div>

        </div>
    </div>
</div>


<div class="hm-about">
    <div class="e_container1">
        <div class="hm-about-tit" {{ inject('visual')->url('block', 'hm-about-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-about-title', 'title') !!}</p>
            <h3 class="s_title2 response-transition">{!! inject('block')->block('hm-about-title', 'extend') !!}</h3>
        </div>

        <div class="about-con">
            <div class="img"><img src="{!! inject('block')->block('about', 'imgs', 0) !!}" alt="{!! inject('block')->block('about', 'title') !!}"></div>
            <div class="txt">
                <div class="ab-txt">{!! inject('block')->block('about', 'content') !!}</div>
                <div class="ab-more"><a href="/about/"><span>{!! inject('block')->block('learn-more', 'title') !!}</span></a></div>
            </div>
        </div>
    </div>
</div>



<div class="hm-choose">
    <div class="e_container1">
        <div class="hm-about-tit" {{ inject('visual')->url('block', 'hm-advan-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-advan-title', 'title') !!}</p>
            <h3 class="s_title2 white response-transition">{!! inject('block')->block('hm-advan-title', 'extend') !!}</h3>
        </div>

        <div class="choose-con">
            <ul class="h-choose-list" {{ inject('visual')->url('photo-group') }}>
                @foreach (inject('photoGroup')->list(1) as $key => $value)
                <li>
                    <a href="{{ $value->url }}" title="{{ $value->description->title }}">
                        <div class="img">
                            <img src="{{ $value->description->present()->images(0) }}">
                        </div>
                        <div class="txt">
                            <h3>
                                {{ $value->description->title }}
                            </h3>
                            <div class="pp clamp5">
                                {!! $value->description->summary !!}
                            </div>
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>
        </div>

    </div>
</div>



<div class="hm-application overflow">
    <div class="hm-product-tit">
        <div class="e_container1" {{ inject('visual')->url('block', 'hm-appli-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-appli-title', 'title') !!}</p>
            <h1 class="s_title2 response-transition">{!! inject('block')->block('hm-appli-title', 'extend') !!}</h1>
            <div class="s_title3">{!! inject('block')->block('hm-appli-title', 'content') !!}</div>
        </div>
    </div>

    <div class="application-con">
        <div class="z_school_bg">
            <ul class="about-photo-list31" {{ inject('visual')->url('photo-group') }}>
                @foreach (inject('photoGroup')->list(2) as $key => $value)
                <li><div class="imgbg" style="background-image: url({{ $value->description->present()->images(1) }});"></div></li>
                @endforeach
            </ul>
        </div>
    
        <ul class="about-photo-list32 z_school_tab" {{ inject('visual')->url('photo-group') }}>
            @foreach (inject('photoGroup')->list(2) as $key => $value)
            <li class="wow fadeInUp" data-wow-delay="{{ $key+1 * 1 }}00ms">
                <a href="{{ $value->url }}" title="{{ $value->description->title }}">
                    
                    <div class="txt">
                        <h3 class="clamp1">
                            {{ $value->description->title }}
                        </h3>
                        <div class="img">
                        <img src="{{ $value->description->present()->images(0) }}">
                    </div>
                        <div class="pp clamp4">
                            {!! $value->description->summary !!}
                        </div>
                    </div>
                    <div class="mox">{!! inject('block')->block('learn-more', 'extend') !!} >></div>
                </a>
            </li>
            @endforeach
        </ul>
    </div>

</div>



<div class="hm-service">
    <div class="e_container1">
        <div class="hm-about-tit" {{ inject('visual')->url('block', 'hm-service-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-service-title', 'title') !!}</p>
            <h3 class="s_title2 response-transition">{!! inject('block')->block('hm-service-title', 'extend') !!}</h3>
        </div>

        <div class="service-con">
            <ul class="h-service-list" {{ inject('visual')->url('photo-group') }}>
                @foreach (inject('photoGroup')->list(3) as $key => $value)
                <li>
                    <a href="{{ $value->url }}" title="{{ $value->description->title }}">
                        <div class="img">
                            <img src="{{ $value->description->present()->images(0) }}">
                        </div>
                        <div class="txt">
                            <h3>
                                {{ $value->description->title }}
                            </h3>
                          
                        </div>
                        <div class="num">0{{ $key+1 }}</div>
                    </a>
                </li>
                @endforeach
            </ul>
        </div>

    </div>
</div>



<div class="hm-news">
    <div class="e_container1">
        <div class="hm-about-tit hm-news-tit" {{ inject('visual')->url('block', 'hm-news-title') }}>
            <p class="s_title1 response-transition">{!! inject('block')->block('hm-news-title', 'title') !!}</p>
            <h3 class="s_title2 response-transition">{!! inject('block')->block('hm-news-title', 'extend') !!}</h3>
        </div>

        <div class="news-con">
            <ul class="hm-news_list" {{ inject('visual')->url('news') }}>
                @foreach (inject('list')->lists('news', 0, 2, 0, 'recom-1') as $value)
                <li>
                    <a href="{{ $value->present()->url('news') }}" title="{{ $value->description->title or '' }}">
                        <div class="img com-img">
                            <img src="{{ $value->description->present()->image('400*300') }}">
                        </div>
                        <div class="txt">
                            <span>{{ $value->created_at->format('Y/m/d') }}</span>
                            <h3 class="clamp1">{{ $value->description->title or '' }}</h3>
                            <div class="pp clamp2">{{ $value->description->summary or '' }}</div>
                        </div>
                    </a>
                </li>
                 @endforeach
            </ul>
        </div>

    </div>
</div>



<!--Footer-->
@include('theme::common.foot')

<script src="{{ themePath('js/app.js') }}"></script>
<script src="{{ themePath('js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ themePath('js/swiper-bundle.min.js') }}"></script>
<script src="{{ themePath('js/jquery.fancybox.min.js') }}"></script>
<script src="{{ themePath('js/wow.min.js') }}"></script>
<script src="{{ themePath('js/jquery.lazyload.min.js') }}"></script>
<script src="{{ themePath('js/jquery.SuperSlide.2.1.2.js') }}"></script>
<script src="{{ themePath('js/jquery.countup.min.js') }}"></script>
<script src="{{ themePath('js/jquery.waypoints.min.js') }}"></script>
<script src="{{ themePath('js/main.js') }}"></script>
@include('theme::common.prompt')
@include('theme::common.service')
@include('theme::common.cookie')

<script>
    // banner
    var banner_swiper = new Swiper(".home-banner", {
        speed: 2000,  
        loop: true,
        centeredSlides: true, 
        autoplay: {
            delay: 6000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination1',
            clickable: true,
        },
        pagination: {
            el: ".home-banner .saf-bannerPagenation",
            clickable: true,
            renderBullet: function (index, className) {
  			var t = $(".home-banner .swiper-container .swiper-slide").eq(index+1).attr("data-time");
          	var n = (index + 1);
         	var nn = n > 9 ? n:'0' + n;
                return '<span class="' + className + '" style="--time:'+ t +'s;">' + nn + '<saf-i></saf-i></span>';
           	},
        },
        navigation: {
          nextEl: ".swiper-button-next1",
          prevEl: ".swiper-button-prev1",
        },
    });
</script>

<script>
    $(".z_school_tab li").eq(0).addClass('active');
    $(".z_school_bg li").eq(0).addClass('on');
    $(".z_school_tab li").hover(function(){
        var _id = $(this).index();
        var _this = $(this).index()
        $(this).addClass('active').siblings().removeClass('active');
        $(".z_school_bg li").eq(_id).addClass('on').siblings().removeClass('on');
    });
</script>

</body>
</html>