GBRSWN/CZKJ.GBRS2.WebMVC/Views/Home/AboutUs.cshtml

@model AboutUsModel
@section style{ 
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/swiper/idangerous.swiper.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/aboutUs.css">
}
<div class="banner">
    <picture>
        <source srcset="@(!string.IsNullOrWhiteSpace(Model.TopGallery.MobileImage)?Model.TopGallery.MobileImage:Model.TopGallery.Image)" media="(max-width: 767px)">
        <img src="@Model.TopGallery.Image" alt="">
    </picture>
</div>
<div class="container">
    <div class="intro">
        <h2 class="wow fadeInUp">公司简介</h2>
        <div class="wow fadeInUp">
            @Html.Raw(Model.Summary.Detail)
        </div>
    </div>
</div>
<div class="vision" style="background-image:url('@Model.EnterpriseVision.Image')">
    <div class="container">
        <div class="txt">
            <span>企业愿景</span>
            <h2 class="wow fadeInUp">@Model.EnterpriseVision.Title</h2>
            <p class="wow fadeInUp">
                @Model.EnterpriseVision.Summary
            </p>
        </div>
    </div>
</div>
<div class="entrance">
    <div class="container">
        <div class="row">
            @foreach (var item in Model.CenterGalleryList)
            {
                <div class="col-sm-4 wow fadeInUp">
                    <a @(string.IsNullOrWhiteSpace(item.Url)?"":"target=_blank") href="@(string.IsNullOrWhiteSpace(item.Url)?"javascript:void(0);":@item.Url)" class="@(string.IsNullOrWhiteSpace(item.Url)?"no-link":"")">
                        <div class="img">
                            <img src="@item.Image" alt="">
                        </div>
                        <div class="txt">
                            <span>@item.Title</span>
                            <h2>@item.Summary</h2>
                            <i></i>
                        </div>
                    </a>
                </div>
            }
        </div>
    </div>
</div>
<div class="org">
    <div class="container">
        <img src="@Model.Department.Image" alt="">
    </div>
</div>
<div class="entrance">
    <div class="container">
        <div class="row">
            @foreach (var item in Model.LastGalleryList)
            {
                <div class="col-sm-6 wow fadeInUp">
                    <a @(string.IsNullOrWhiteSpace(item.Url)?"":"target=_blank") href="@(string.IsNullOrWhiteSpace(item.Url)?"javascript:void(0);":@item.Url)" class="@(string.IsNullOrWhiteSpace(item.Url)?"no-link":"")">
                        <div class="img">
                            <img src="@item.Image" alt="">
                        </div>
                        <div class="txt">
                            <span>@item.Title</span>
                            <h2>@item.Summary</h2>
                            <i></i>
                        </div>
                    </a>
                </div>
            }
        </div>
    </div>
</div>
<div class="shareholder hidden-xs">
    <h2>股东背景</h2>
    <div class="container">
        <div class="swiper-container shareholder-box" id="shareholder">
            <div class="swiper-wrapper">
                @foreach (var item in Model.BackgroundList)
                {
                    <div class="swiper-slide">
                        <a @(string.IsNullOrWhiteSpace(item.Url)?"":"target=_blank")  href="@(string.IsNullOrWhiteSpace(item.Url)?"javascript:void(0);":item.Url)">
                            <img src="@item.Image" alt="">
                        </a>
                    </div>
                } 
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
<div class="shareholder visible-xs-block">
    <h2>股东背景</h2>
    <div class="container">
        <div class="swiper-container shareholder-box" id="shareholder1">
            <div class="swiper-wrapper">
                @foreach (var item in Model.BackgroundList)
                {
                    <div class="swiper-slide">
                        <a @(string.IsNullOrWhiteSpace(item.Url)?"":"target=_blank") href="@(string.IsNullOrWhiteSpace(item.Url)?"javascript:void(0);":item.Url)">
                            <img src="@item.Image" alt="">
                        </a>
                    </div>
                }
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>
@section script{ 
<script src="/assets/plugins/swiper/idangerous.swiper.min.js"></script>
<script>
    window.dataMark = "0$15231983314041342$$15231983816302510$";
    window.dataMark1 = "0$15231983314041342$$15231983816302510$$15234708632573672$";
        $(function () {
            //股东背景
            var shareholderSwiper = new Swiper('#shareholder', {
                autoplay: 2500,
                loop:true,
                speed: 600,
                autoplayDisableOnInteraction:false,
                pagination: '#shareholder .swiper-pagination',
                paginationClickable :true,
                slidesPerView: 4,
            })
            var shareholderSwiper = new Swiper('#shareholder1', {
                autoplay: 2500,
                loop: true,
                speed: 600,
                autoplayDisableOnInteraction: false,
                pagination: '#shareholder1 .swiper-pagination',
                paginationClickable: true,
                slidesPerView: 1,
            })
        })
</script>
}