zmm
/
GBRSGB


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
							<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/x-icon" href="/favicon.ico">
    @CZKJ.GBRS2.WebMVC.Helper.ShareExtendion.CZSEO(Model as object)
    <!-- 公用代码 -->
    <!--[if lt IE 9]>
      <script src="/assets/plugins/html5shiv.min.js"></script>
      <script src="/assets/plugins/respond.min.js"></script>
    <![endif]-->
    <!-- public css -->
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/css/base.css">
    <link rel="stylesheet" href="@ConfigHelper.GetCDNPrefix()/assets/plugins/wow/animate.css">
    @RenderSection("style", false)
    <style>
        .rightPopUp {
            position: fixed;
            top: 50%;
            right: -50px;
            z-index: 88;
            margin-top: -82.5px;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
        }

            .rightPopUp ul {
                position: relative;
            }

            .rightPopUp li {
                width: 50px;
                height: 50px;
                text-align: center;
                line-height: 50px;
                background: #f15558;
                margin-bottom: 5px;
                position: relative;
                cursor: pointer;
            }

            .rightPopUp .leftPopUp {
                display: none;
                position: absolute;
                top: 0;
                right: 55px;
                width: 225px;
                height: 83px;
                background: transparent;
                transition: all .5s ease;
                -webkit-transition: all .5s ease;
            }

                .rightPopUp .leftPopUp img {
                    width: 100%;
                    height: 100%;
                }

                .rightPopUp .leftPopUp .emailTxt {
                    padding-right: 12px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    text-align: left;
                    padding-left: 15px;
                    padding-top: 10px;
                }

                .rightPopUp .leftPopUp h3 {
                    font-size: 14px;
                    color: #333;
                    margin-top: 18px;
                    line-height: 0px !important;
                }

                .rightPopUp .leftPopUp span {
                    font-size: 14px;
                    color: #f15558;
                    line-height: 0;
                    line-height: 0px !important;
                }

                .rightPopUp .leftPopUp a {
                    width: 77px;
                    height: 34px;
                    line-height: 34px !important;
                    text-align: center;
                    border-radius: 2px;
                    border: 1px solid #f15558;
                    color: #f15558;
                    font-size: 14px;
                    line-height: 0px;
                    display: inline-block;
                }


        /*二维码*/
        .showQRIcon {
            position: relative;
        }

            .showQRIcon .qrLeftPopUp {
                display: none;
                position: absolute;
                top: 0;
                right: 55px;
                width: 173px;
                height: 195px;
                transition: all .5s ease;
                -webkit-transition: all .5s ease;
            }

                .showQRIcon .qrLeftPopUp .qr_code {
                    position: absolute;
                    top: 41%;
                    margin-top: -71.5px;
                    left: 47%;
                    margin-left: -71.5px;
                    width: 143px;
                    height: 143px;
                }


        .showTelIcon:hover .leftPopUp {
            display: block;
        }

        .showQRIcon:hover .qrLeftPopUp {
            display: block;
        }
        .rightPopUp .leftPopUp .telTxt {
            width: 100%;
            text-align: center;
            padding-right: 25px;
        }
    </style>
</head>
<body>
    @await Component.InvokeAsync("Header")
    @RenderBody()
    @await Component.InvokeAsync("Footer")
    @*<div class="toTop">
        <img src="/assets/image/top.png" alt="">
    </div>*@

    @*右侧浮栏*@
    @*<div class="rightPopUp">
        <ul>
            <li class="showTelIcon">
                <img src="/assets/image/rightPopUp/telIcon.png" alt="" />
                <div class="leftPopUp" style="right:15px;">
                    <img style="width:145px" src="/assets/image/rightPopUp/telBg.png" alt="" />
                    <div class="emailTxt telTxt">
                        <h3>客户服务热线</h3>
                        <span>957-95200</span>
                    </div>
                </div>
            </li>
            <li class="showTelIcon">
                <img src="/assets/image/rightPopUp/emailIcon.png" alt="" />
                <div class="leftPopUp">
                    <img src="/assets/image/rightPopUp/emailBg.png" alt="" />
                    <div class="emailTxt">
                        <h3>咨诉邮箱</h3>
                        <span>service@guobaojinrong.com</span>
                    </div>
                </div>
            </li>
            <li class="showQRIcon">
                <img src="/assets/image/rightPopUp/qrIcon.png" alt="" />
                <div class="qrLeftPopUp">
                    <img src="/assets/image/rightPopUp/qrBg.png" alt="" />
                    <div class="qr_code">
                        <img src="/assets/image/rightPopUp/qrCode.png" alt="" />
                    </div>
                </div>
            </li>
            <li onclick="window.scrollTo(0,0)">
                <img src="/assets/image/rightPopUp/returnTop.png" alt="" />
            </li>
        </ul>
    </div>*@
    <!-- public js -->
    <script src="/assets/plugins/jquery.js"></script>
    <script src="/assets/js/common.js"></script>
    <script src="/assets/plugins/wow/wow.min.js"></script>
    <script>
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 50,
            mobile: true,
            live: true
        });
        wow.init();

        //屏幕滑到快速通道时显示右边栏
        $(window).scroll(function () {
            var reg = new RegExp('/Home')
            if (reg.test(window.location.href)) {
                if ($('.fast-track').offset().top - $(document).scrollTop() < 50) {
                    $('.rightPopUp').css('right', 0);
                }
                if ($(document).scrollTop() < 300) {
                    $('.rightPopUp').css('right', '-50px');
                }
            } else {
                if ($(document).scrollTop() < 400) {
                    $('.rightPopUp').css('right', '-50px');
                }
                if ($(document).scrollTop() > 400) {
                    $('.rightPopUp').css('right', 0);
                }
            }
        })

    </script>
    @RenderSection("script", false)
</body>
</html>