﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <title></title>
    <link rel="stylesheet" href="/web/html6/css/jquery.bxslider.css"/>
    <link rel="stylesheet" href="/web/common/css/share.min.css"/>
    <link rel="stylesheet" href="/web/html6/css/reset.css"/>
    <link rel="stylesheet" href="/web/html6/css/index.css"/>
    <link rel="stylesheet" href="/web/html6/css/swiper.min.css" />

    <style>
        html,
        body {
            position: relative;
            height: 100%;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper-container {
            width: 100%;
            padding-bottom: 30px;
            /*height: 300px;*/
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .aaaa{
            position: relative;
            height: 100%;
        }
        .bbb{
            position: absolute;
        }
        .swiper-wrapper{
            padding: 15px;
        }
        .timess{
            top: 50px;
        }



        @media screen and (max-width: 750px){

            .ggg{
                width: 80% !important;
            }
            .swiper-slide{
                justify-content: flex-start;
            }
            .swiper-wrapper{
                padding: 15px;
            }
            .timess{
                top: 68px !important;
            }

        }

    </style>
</head>
<body>

<!-- Swiper -->

<div id="app" style="display: none;">
    <div id="header"></div>
<!--    <div class="banner width1200">-->
<!--        <img src="/web/html6/images/banner.png"/>-->
<!--    </div>-->
    <div class="timesnone">
        <div class="time_min" :class="{timess:!tgtimes}">
            <div class="time">
                {{chineseJson.index_2}}<span class="d">0</span>{{chineseJson.index_3}}
                <span class="h">0</span>{{chineseJson.index_4}}
                <span class="m">0</span>{{chineseJson.index_5}}
                <span class="s">0</span>{{chineseJson.index_6}}
            </div>
            <!--                &&tgtimes!==''&&tgtimesnum==true-->
            <div class="time_contribute" v-if="status_&&status_.IF_ARTICLE==1 &&tgtimes!==''&&tgtimesnum==true">
                {{chineseJson.index_7}}<span class="dd">0</span>{{chineseJson.index_3}}
                <span class="hh">0</span>{{chineseJson.index_4}}
                <span class="mm">0</span>{{chineseJson.index_5}}
                <span class="ss">0</span>{{chineseJson.index_6}}
            </div>
        </div>
    </div>

    <template v-if="index_img.length>1">
<!--        bannerall-->
        <div class="banner width1200 ">
            <div class="slider6">
                <div class="slide" v-for="item in index_img">
                    <a :href="item.IMG_BTN_PATH" :title="item.IMG_BTN_NAME" target="_blank">
                        <img :src="webUrl + item.IMG_PATH">
                    </a>
                </div>
            </div>
            <div class="pctimes">
                <div class="time_min">
                    <div class="time">
                        {{chineseJson.index_2}}<span class="d">0</span>{{chineseJson.index_3}}
                        <span class="h">0</span>{{chineseJson.index_4}}
                        <span class="m">0</span>{{chineseJson.index_5}}
                        <span class="s">0</span>{{chineseJson.index_6}}
                    </div>
                    <div class="time_contribute" v-if="status_&&status_.IF_ARTICLE==1&&tgtimes!==''&&tgtimesnum==true">
                        {{chineseJson.index_7}}<span class="dd">0</span>{{chineseJson.index_3}}
                        <span class="hh">0</span>{{chineseJson.index_4}}
                        <span class="mm">0</span>{{chineseJson.index_5}}
                        <span class="ss">0</span>{{chineseJson.index_6}}
                    </div>
                </div>
            </div>


        </div>
    </template>
    <template v-else>
        <div class="banner width1200">
        <img v-if="index_img[0]&&index_img[0].IMG_PATH" :src="webUrl + index_img[0].IMG_PATH"/>
<!--            v-else-->
        <img  v-else  src="/web/html6/images/bannerall.png"/>
            <div class="pctimes">
            <div class="time_min">
                <div class="time">
                    {{chineseJson.index_2}}<span class="d">0</span>{{chineseJson.index_3}}
                    <span class="h">0</span>{{chineseJson.index_4}}
                    <span class="m">0</span>{{chineseJson.index_5}}
                    <span class="s">0</span>{{chineseJson.index_6}}
                </div>
<!--                &&tgtimes!==''&&tgtimesnum==true-->
                <div class="time_contribute" v-if="status_&&status_.IF_ARTICLE==1 &&tgtimes!==''&&tgtimesnum==true">
                    {{chineseJson.index_7}}<span class="dd">0</span>{{chineseJson.index_3}}
                    <span class="hh">0</span>{{chineseJson.index_4}}
                    <span class="mm">0</span>{{chineseJson.index_5}}
                    <span class="ss">0</span>{{chineseJson.index_6}}
                </div>
            </div>
            </div>

<!--            <div class="btn_mina">-->
<!--                <a v-if="status_&&status_.IF_ARTICLE==1" href="javascript:void(0)" onclick="tougao()" class="menu_signup">-->
<!--                    <span>立即投稿</span>-->
<!--                </a>-->
<!--                <a v-if="status_.IF_USE_SIGNUP=='1'" href="javascript:void(0)" class="menu_signupp" onclick="signup()">-->

<!--                    <span>立即报名</span>-->
<!--                </a>-->

<!--            </div>-->

        </div>
    </template>
    <div class="cncc" v-if="meetingName=='CNCC2021'">
        <img src="/web/html16/images/组11.png?v=1" alt="">
    </div>
    <div class="box">
         <div class="navigation container" >
                <template v-if="index_img.length>0">
            
                <a v-if="index_img[0].﻿IMG_BTN_NAME1!=null&&index_img[0].﻿IMG_BTN_NAME1!=''" :href="index_img[0].IMG_BTN_PATH1" target="_blank" style="display: ﻿﻿inline-block">
                    
                         {{index_img[0].﻿IMG_BTN_NAME1}}
                </a>
            
                <a v-if="index_img[0].﻿IMG_BTN_NAME2!=null&&index_img[0].﻿IMG_BTN_NAME2!=''" :href="index_img[0].IMG_BTN_PATH2" target="_blank" style="display: ﻿﻿inline-block">
                    
                         {{index_img[0].﻿IMG_BTN_NAME2}}
                </a>
                <a v-if="index_img[0].﻿IMG_BTN_NAME3!=null&&index_img[0].﻿IMG_BTN_NAME3!=''" :href="index_img[0].IMG_BTN_PATH3" target="_blank" style="display: ﻿﻿inline-block">
                    
                         {{index_img[0].﻿IMG_BTN_NAME3}}
                </a>
                </template>
            
    </div>
    </div>
   

    <div class="l_bgimg">
        <template v-if="index_data.length>0" v-for="template in index_data">
            <template v-if="(template.TEMPLATE_NAME.indexOf('会议动态')>-1)&&template.COLUMN_TYPE!='4'">
                <div data-move-x="-200px" class="back_img">
                    <div class="min_tongyong">
                        <div class="width1200">
                            <p class="l_partTitle1">
                                <span v-cloak>{{template.CHANNEL_NAME}}</span>
                                <a :href="'/web/html6/HYDT.html?channelId='+template.ID+'&globalId=' + globalId" class="l_more">{{chineseJson.index_1}}</a>
                            </p>
                            <ul class="index_news clearfix">
                                <template v-if="template.LIST.length>0" v-for="(item,index) in template.LIST">
                                    <li v-cloak>
                                        <a :href="item.WBURL"  v-if="item.WBURL!==''">
                                            <div class="news_img">
                                                <img v-if="item.FILE_F.length>0" :src="webUrl + item.FILE_F[0].PATH" class="news_img_img" />
                                                <img v-else src="/web/html6/images/l_news_default.jpg" class="news_img_img" />
                                            </div>
                                            <h3 :href="'/web/html6/detail.html?channelId=' + template.ID +'&CmsId=' + item.ID + '&globalId=' + globalId" v-html="item.TITLE"></h3>
                                            <p>&nbsp;
<!--                                                <img src="/web/html6/images/l_news_time.png" class="l_news_time"/>-->
<!--                                                {{item.CREATE_TIME1|subTime}}-->
                                                <!-- <span class="share right"></span> -->
                                            </p>

                                        </a>

                                        <a :href="'/web/html6/detail.html?channelId=' + template.ID +'&CmsId=' + item.ID + '&globalId=' + globalId" v-else>
                                            <div class="news_img">
                                                <img v-if="item.FILE_F.length>0" :src="webUrl + item.FILE_F[0].PATH" class="news_img_img"/>
                                                <img v-else src="/web/html6/images/l_news_default.jpg" class="news_img_img" />
                                            </div>
                                            <h3 :href="'/web/html6/detail.html?channelId=' + template.ID +'&CmsId=' + item.ID + '&globalId=' + globalId" v-html="item.TITLE"></h3>
                                            <p>
                                                &nbsp;
<!--                                                <img src="/web/html6/images/l_news_time.png" class="l_news_time"/>-->
<!--                                                {{item.CREATE_TIME1|subTime}}-->
                                                <!-- <span class="share right"></span> -->
                                            </p>

                                        </a>
                                    </li>
                                </template>
                            </ul>
                        </div>
                    </div>

                </div>
            </template>
            <template v-if="(template.TEMPLATE_NAME.indexOf('合作单位')>-1)&&template.COLUMN_TYPE!='4'">
                <div class="back_se" data-move-x="-200px" v-if="afterArr.length>0" >
                    <div class="min_tongyong">
                        <div class="width1200">
                            <p class="l_partTitle1">
                                <span v-cloak>{{template.CHANNEL_NAME}}</span>
                            </p>
                            <div class="l_index_cooper clearfix">

                                <template v-if="template.LIST.length>0" v-for="(item,index) in afterArr">
                                    <h3  class="l_indexa">{{item.name}}</h3>
                                    <div class="l_indexb">
                                        <div v-for="(item,index) in item.data" class="item_mina">

                                            <a v-if="item.TO_HREF" :href="item.TO_HREF" target="_blank">
                                                <template v-if="item.FILE_.length>0">
                                                    <img :src="webUrl +  item.FILE_[0].PATH"/>
                                                </template>
                                            </a>
                                            <a v-else href="javascript:void(0)">
                                                <template v-if="item.FILE_.length>0">
                                                    <img :src="webUrl +  item.FILE_[0].PATH"/>
                                                </template>
                                            </a>
                                        </div>
                                    </div>


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

                </div>
            </template>
<!--            <div class="backout">-->
                <template v-if="(template.TEMPLATE_NAME.indexOf('演讲嘉宾')>-1)&&template.COLUMN_TYPE!='4'">
                    <div data-move-x="-200px" class="tempCenter_a tempCenter_l">
                        <div class="min_tongyong">
                            <div class="width1200">
                                <p class="l_partTitle1">
                                    <span v-cloak>{{template.CHANNEL_NAME}}</span>
                                    <a :href="'/web/html6/JB_LIST.html?channelId='+template.ID+'&globalId=' + globalId" class="l_more">{{chineseJson.index_1}}</a>
                                </p>
                                <!--<ul class="index_tabul">
                                    <template v-for="item in column_3">
                                        <li v-if="item.SUPER_CHANNEL == template.ID">{{item.CHANNEL_NAME}}</li>
                                    </template>
                                </ul>-->
                                <div class="index_tab" style="display: block;background: none;" >
                                    <div class="clearfix">

                                        <div class="swiper-container">
                                            <div class="swiper-wrapper">
                                                <div class="swiper-slide" v-for="(item,index) in template.LIST">
                                                    <!--                                                <template v-for="(item,index) in template.LIST">-->
<!--                                                    :href="'/web/html6/JBdetail.html?channelId=' + item.CHANNEL_ID + '&CmsId=' + item.ID + '&globalId=' + globalId"-->
                                                    <a class="ggg">
                                                            <span class="l_jbImgg">
                                                                <img :src="webUrl + item.FILE_PICTURE[0].PATH"/>
                                                            </span>
                                                        <p class="speaker_p1" v-html="item.NAME_THE"></p>
                                                        <p class="speaker_p2" v-html="item.MORE_TEXT"></p>
                                                    </a>
                                                    <div v-if="(index+1)%5==0" class="clearfix l_pcshow_block"></div>
                                                    <div v-if="(index+1)%2==0" class="clearfix l_phoneshow_block"></div>
                                                    <!--                                                </template>-->
                                                </div>

                                            </div>
                                            <!-- Add Pagination -->
                                            <div class="swiper-pagination"></div>
                                            <!-- Add Arrows -->
                                            <div class="swiper-button-next"></div>
                                            <div class="swiper-button-prev"></div>
                                        </div>



                                    </div>
                                    <!--                        <p class="l_speaker_tip">讲者持续更新中...</p>-->
                                </div>
                            </div>
                        </div>

                    </div>
                </template>

                <template v-if="template.COLUMN_TYPE=='4'&&(template.CHANNEL_NAME.indexOf('通用模板')<0)">
                    <!--                class="tongyong"-->
                    <div data-move-x="-200px"   class="tongyong" >
                        <div class="min_tongyong">
                            <div class="width1200">
                                <p class="l_partTitle1">
                                    <span v-cloak>{{template.CHANNEL_NAME}}</span>
                                </p>
                                <template v-if="template.LIST.length>0" v-for="(item,index) in template.LIST">
<!--                                    <div class="index_article clearfix" v-html="texthtml" v-if="template.CHANNEL_NAME=='会议简介'" v-else></div>-->
                                    <div class="index_article clearfix" v-html="item.BAIDU_TEXT" v-if="item.BAIDU_TEXT" ></div>
                                    <div class="index_article clearfix" v-html="item.MAIN_BODY" v-else></div>
                                </template>
                            </div>
                        </div>

                    </div>
                </template>
<!--            </div>-->

        </template>
    </div>
    <div class="footer" id="footer"></div>
</div>
<script type="text/javascript" src="/web/html6/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/web/common/js/moment.js"></script>
<script type="text/javascript" src="/web/util/conf/config.js"></script>
<script type="text/javascript" src="/web/html6/js/common.js"></script>
<script type="text/javascript" src="/web/html6/js/indexPage.js"></script>
<script type="text/javascript" src="/web/common/js/vue.js"></script>
<script type="text/javascript" src="/web/common/js/jquery.share.min.js"></script>
<script type="text/javascript" src="/web/html6/js/render.js?v=73112"></script>
<script type="text/javascript" src="/web/html6/js/index.js"></script>
<script type="text/javascript" src="/web/html6/js/jquery.bxslider.js"></script>
<script type="text/javascript" src="/web/html6/js/swiper.min.js"></script>
<script>

    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        setTimeout(()=>{
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 2,
                spaceBetween: 30,
                slidesPerGroup: 2,
                loop: true,
                autoplay: {
                    delay: 2000,
                    disableOnInteraction: true, // 用户交互后是否停止自动轮播，默认为true
                },
                loopFillGroupWithBlank: true,
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        },1500)
    } else {
        setTimeout(()=>{
            var swiper = new Swiper('.swiper-container', {
                slidesPerView: 4,
                spaceBetween: 30,
                slidesPerGroup: 4,
                loop: true,
                autoplay: {
                    delay: 2000,
                    disableOnInteraction: true, // 用户交互后是否停止自动轮播，默认为true
                },
                loopFillGroupWithBlank: true,
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            });
        },1500)
    }


</script>
</body>
</html>
