<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes” />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″>
    <meta http-equiv=“X-UA-Compatible” content=“chrome=1″/>
    <meta name="keywords" content="国泰君安创新投资有限公司">
    <meta name="description" content="国君创投">
    <link rel="shortcut icon" type="image/x-icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/swiper.css">
    
    <script src="../js/main/jquery.js"></script>
    <script src="../js/main/swiper.min.js"></script>
    <script src="../js/main/layer.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/main/R.js"></script>

    <title>国泰君安创新投资有限公司</title>
</head>
<script>
    
    // $(document).ready(function(e) {//通知公告轮播
    //     Marquee('.title_box','.title_box ul','.title_box ul li','t');
    // });
</script>
<body>
    <header id="header">
        <!-- -->
    </header>
    <div class="banner">
        <div class="swiper-container banner_box">
            <div class="swiper-wrapper">
                <!-- <div class="swiper-slide">
                    <a href="./notice.html?type=0&id=1" >
                        <img src="../images/banner1.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide"><img src="../images/banner1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../images/banner1.jpg" alt=""></div> -->
            </div>
            <!-- 如果需要分页器 -->
            <!-- <div class="swiper-pagination"></div> -->
        </div>
    </div>
    <div class="news_box" style="display: none;">
        <div class="title_box">
            <div class="icon">
                <img src="../images/_iconfont.png" alt="">
            </div>
            <ul class="icons" id="notice_scroll">
                <div class="swiper-container title_box_new">
                    <li  class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#" class="color6"> 
                                <span></span>
                            </a>
                        </div>
                    </li>
                </div>
                <!-- <li>
                    <a href="" class="color6">通知二:我是一条测试通知2
                        <span>2018-5-18</span>
                    </a>
                </li>
                <li>
                    <a href="" class="color6">通知三:我是一条测试通知3
                        <span>2018-5-18</span>
                    </a>
                </li> -->
            </ul>
            <div class="more fr">
                <a href="./notice.html"  style="color:#999999;">
                    查看更多>
                </a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="con_onebox">
            <div class="fl one_left">
                <img src="../images/tu_f1.png" alt="">
            </div>
            <div class="fr one_right">
                <div class="title">关于国君创投</div>
                <div class="title_E">About us</div>
                <div class="color6 title_con">
                    <div>
                        国泰君安创新投资有限公司（以下简称“公司”）是国泰君安证券股份有限公司全资子公司，成立于2009年5月，截至2019年末，公司注册资本人民币75亿元，总资产87亿元，管理资产规模超过300亿元。
                    </div>
                    <div style="margin-top: 10px;">
                        公司从事股权投资业务及中国证券监督管理委员会允许的其他业务，与政府基金、产业园区、产业集团、上市公司、金融机构、社会资本等共同设立私募股权投资基金40余支，涵盖产业基金、Pre-Ipo基金、并购基金、创投基金、债权基金等业务领域，累计投资项目100余个，形成了多层次的私募股权投资业务体系。
                    </div>
                    
                </div>
                <a href="./about-us.html?type=0"  rel="noopener noreferrer">
                    <div class="detail_btn">
                        了解详情>
                    </div>
                </a>

            </div>
        </div>
        <div class="con_twobox">
            <div class="con_top">
                <div class="title">投资理念</div>
                <div class="title_E">Investment Conce</div>
            </div>
            <div>
                <div class="fl two_left two_con">
                    <img class="title_img" src="../images/index_ma.png">
                    <div class="title_name">投资理念</div>
                    <div class="title_con">
                        坚持发掘具备成长性、<br>
                        创新性和稳固壁垒的投资机遇，<br>
                        在风险可控的前提下实现长期可持续的卓越回报。
                    </div>
                </div>
                <div class="fr two_right two_con">
                    <img class="title_img" src="../images/index_ma2.png">
                    <div class="title_name">投资赛道</div>
                    <div class="title_con">
                        新一代信息技术<br>
                        先进制造与新材料<br>
                        新消费与服务<br>
                        医疗健康<br>
                        城市更新与新基建
                    </div>
                </div>
            </div>
        </div>
        <div class="con_threebox">
            <div class="fl title_imgbox">
                <img class="title_img" src="../images/title_left.png">
            </div>
            <div class="title_con fl">
                <div class="title_top">
                    <ul class="title_ul">
                        <div class="titleBox fl" style="overflow:hidden;">
                            <li class="title_li fl tit_active">公司公告</li>
                            <li class="title_li fl">行业资讯</li>
                            <li class="title_li fl">投资视野</li>
                        </div>
                        <div class="fr gotitle_more">查看更多</div>
                    </ul>
                </div>
                <div class="list_box">
                    <ul class="list_ul" style="display: block;">
                        <!-- <li class="list_li">
                            <div class="fl date">
                                <div class="o_year color6">2019</div>
                                <div class="o_date color6 fs16">12-20</div>
                            </div>
                            <div class="fl o_title">
                                <div class="a_title">阿里巴巴入股蚂蚁金服33%股权1111</div>
                                <div class="a_con">阿里巴巴将向蚂蚁金服转让阿里巴巴拥有的与蚂蚁金服相关的专有知识产权</div class="o_title">
                            </div>
                        </li>
                        <li class="list_li">
                            <div class="fl date">
                                <div class="o_year color6">2019</div>
                                <div class="o_date color6 fs16">12-19</div>
                            </div>
                            <div class="fl o_title">
                                <div class="a_title">尊崇宪法 金融报国——国君创投组织开展宪法宣传活动1111</div>
                                <div class="a_con">弘扬宪法精神，推进国家治理体系和治理能力现代化的宪法宣传周，党的十八大以</div class="o_title">
                            </div>
                        </li>
                        <li class="list_li">
                            <div class="fl date">
                                <div class="o_year color6">2019</div>
                                <div class="o_date color6 fs16">12-18</div>
                            </div>
                            <div class="fl o_title">
                                <div class="a_title">市委第五巡视组巡视国泰君安创新投资有限公司</div>
                                <div class="a_con">根据市委的统一部署，近日市委第五巡视组巡视我司，市委组织部副部长陈皓就做</div class="o_title">
                            </div>
                        </li> -->
                    </ul>
                </div>
            </div>
            <div class="fr title_imgbox" style="cursor:pointer;">
                <a href="./info-disclosure.html?type=1&isIndex=1"  >
                    <img class="title_img" src="../images/title_right.png">
                </a>
            </div>
        </div>
    </div>
    <div id="footer">
        
    </div>
</body>
<script >
    $(function(){
        // Marquee('.title_box','.title_box ul','.title_box ul li','t');
       
        //头部header加载
        $("#header").load('./common/header.html');
        sessionStorage.setItem("nav_index", 0);//tab下标
        $("#footer").load('./common/footer.html');
        
        var tab_index = 0;//所在新闻tab的下标
        var newsList = [];//所在新闻的数组
        var tabList = [{//前三个为index里要显示的
                name:'公司公告',
                type:'0',
                title:'gsgg',
                con_to:'info-disclosure'
            },{
                name:'行业资讯',
                type:'0',
                title:'hyzx',
                con_to:'information',
                
            },{
                name:'投资视野',
                type:'1',
                title:'tzsy',
                con_to:'information'
            },{
                name:'反洗钱',
                type:'1',
                title:'fxq',
                con_to:'info-disclosure'
            },{
                name:'资产配置能力',
                type:'0',
                title:'zcpznl',
                con_to:'investment'
            },{
                name:'全品种投资能力',
                type:'1',
                title:'qpztznl',
                con_to:'investment'
            },{
                name:'通知公告',
                type:'0',
                title:'notify',
                con_to:'notice'
            },
        ]
        var tabstr = '';
        for(var i=0;i<3;i++){
            var item = tabList[i];
            tabstr +='<li class="title_li fl">'+item.name+'</li>';
        }
        $('.title_top .titleBox').html(tabstr);
        if(window.sessionStorage.getItem('tab_index')){//获取缓存tab下标
            tab_index = window.sessionStorage.getItem('tab_index');
        }
        
        $(".titleBox .title_li").eq(tab_index).addClass('tit_active');
        $(".titleBox .title_li").each(function(e){
            $(this).click(function(ev){
                tab_index = e;
                window.sessionStorage.setItem('tab_index',tab_index);//缓存tab下标
                //控制按钮变化
                $(".titleBox .title_li").removeClass('tit_active');
                $(this).addClass('tit_active');
                getNewsList(tabList[tab_index].title);
            })
        })
        getNewsList(tabList[tab_index].title);//默认渲染公司公告
        function getNewsList(ty){
			
            var data = {
                page:1,
                rows:3,
                topicCode:ty
            }
            R.ajax({
                api:"article/loadArticle",
                data:data,
                success:function(res){
                    if(res){
                        newsList = res.dataList;
                        $(".list_box .list_ul").html(getNewsListHtml(newsList));
                        toNewDet();
                    }
                }
            });
        }
        function getNewsListHtml(arr){
            var str = '';
            if(arr.length){
                for(var i=0;i<arr.length;i++){
                    var item = arr[i];
                    item.year = ' ';
                    item.date = ' ';
                    if(item.publish_time){
                        item.year = item.publish_time.substring(0,4);
                        item.date = item.publish_time.substring(5,11);
                    }
                    str +='<li class="list_li">';
                    str +='     <div class="fl date">';
                    str +='         <div class="o_year color6">'+item.year+'</div>';
                    str +='         <div class="o_date color6 fs16">'+item.date+'</div>';
                    str +='    </div>';
                    str +='    <div class="fl o_title">';
                    str +='        <div class="a_title">'+item.title+'</div>';
                    str +='        <div class="a_con">'+(!item.short_title ? item.title:item.short_title) +'</div>';
                    str +='    </div>';
                    str +='</li>';
                }
            }else{
                str +='<li class="list_li" style="text-align:center;">暂无数据</li>';
            }
            return str;
        }


        var noticeList = [];//通知公告的列表
        var pageData = {
            page:1,
            rows:10,
            topicCode:"notify"
        }
        getNoticeList();
        function getNoticeList(){
            R.ajax({
                api:"article/loadArticle",
                data:pageData,
                success:function(res){
                    if(res){
                        noticeList = res.dataList;
                        if(noticeList.length>0){
                            $(".news_box").show();
                        }
                        $('#notice_scroll').html(getnoticehtml(noticeList));
                        var mySwiper2 = new Swiper('.title_box_new', {
                                // 滚动方向 horizontal/vertical
                                direction: 'vertical',
                                // 自动播放
                                autoplay: true,
                                speed:1000, //速度
                                loop:true,
                            })
                            $('.title_box_new').mouseover(function(){
                                mySwiper2.autoplay.stop();
                            }).mouseleave(function(){
                                mySwiper2.autoplay.start();
                            })
                        // Marquee('.title_box','.title_box ul','.title_box ul li','t');
                    }
                }
            });
        }
        //渲染通知公告页面
        function getnoticehtml(arr){
            var str = '';
            str +='<div class="swiper-container title_box_new">';
                str +='<li  class="swiper-wrapper">';
                for(var i=0;i<arr.length;i++){
                    var item = arr[i];
                    if(i>2){//只显示三条
                        return str;
                    }
                    if(item.publish_time){
                        item.publish_time = R.getdate(item.publish_time);
                    }
                    str +='  <div class="swiper-slide">';
                    str +='    <a href="./notice.html?type=0&id='+item.id+'"   class="color6">'+item.title+'';
                    str +='        <span>'+item.publish_time+'</span>';
                    str +='    </a>';
                    str +='  </div>';
                }
                str +='</li>';
            str +='</div>';
            return str;
        }
        getBannerList();//获取banner列表
        function getBannerList(){//获取banner列表
            R.ajax({
                api:"Banner/loadBanner",
                data:{type:"index-banner",rows:10},
                success:function(res){
                    if(res){
                        // res = [1,2,3,4]
                        $(".banner_box").html(getBannerHtml(res));
                        var mySwiper = new Swiper('.banner_box', {
                            // 滚动方向 horizontal/vertical
                            direction: 'horizontal',
                            // 自动播放
                            autoplay: true,
                            loop:true,
                            // 如果需要分页器
                            pagination: {
                                el: '.swiper-pagination',
                                clickable:true,
                            }, 
                        })
                        $('.banner_box').mouseover(function(){
                            mySwiper.autoplay.stop();
                        }).mouseleave(function(){
                            mySwiper.autoplay.start();
                        })
                    }
                }
            });
        }
        function changeUrl(url){
            if(url.indexOf('http')>-1){
                return url;
            }else{
                var newUrl = "";
                var urlList = url.split('/');
                //  type:'1',
                // title:'tzsy',
                // con_to:'information'
                for(var i=0;i<tabList.length;i++){
                    if(urlList.length >=2 &&urlList[urlList.length-2] == tabList[i].title){
                        newUrl =  tabList[i].con_to + ".html?type=" +tabList[i].type +"&id=" + urlList[urlList.length-1];
                        return newUrl;
                    }
                }
                return newUrl;
            }
        }
        function getBannerHtml(arr){
            var str = '';
            str +='<div class="swiper-wrapper">';
            for(var i=0;i<arr.length;i++){
                var item = arr[i];
                var href_url = item.href_url?changeUrl(item.href_url):"javascript:void(0)";
                str +='<div class="swiper-slide">';//javascript:void(0)
                str +='    <a href="'+href_url+'" target = "'+(item.open_type =="_blank"?"_blank":"_self")+'" class="banner_url" >';
                str +='        <img src="'+item.big_picurl+'" alt="">';
                str +='    </a>';
                str +='</div>';
            }
            str +='</div>';
            str +='<div class="swiper-pagination"></div>';
            return str;
        }
        
        //公司公告、行业资讯、投资视野的查看更多点击
        $(".gotitle_more").click(function(){
            if(tab_index ==0){
                // window.open("./info-disclosure.html?type=0");//信息披露-公司公告
                window.location.href = "./info-disclosure.html?type=0"; //信息披露-公司公告
            }else if(tab_index ==1){
                // window.open("./information.html?type=0");//新闻资讯-行业资讯
                window.location.href = "./information.html?type=0"; //闻资讯-行业资讯
            }else if(tab_index ==2){
                window.location.href = "./information.html?type=1"; //闻资讯-投资视野
                // window.open("./information.html?type=1");//新闻资讯-投资视野
            }
        })
        function toNewDet(){//去文章详情
            $('.list_ul .list_li').each(function(e){
                var index = $(this).index();
                $(this).click(function(){
                    var id = newsList[e].id;
                    if(newsList[e].type_id == 1){
                        if(tab_index ==0){
                            window.location.href = "./info-disclosure.html?type=0&id="+id+"&isIndex=1"; //信息披露-公司公告
                            // window.open("./info-disclosure.html?type=0&id="+id);//信息披露-公司公告
                        }else if(tab_index ==1){
                            window.location.href = "./information.html?type=0&id="+id+"&isIndex=1"; //新闻资讯-行业资讯
                            // window.open("./information.html?type=0&id="+id);//新闻资讯-行业资讯
                        }else if(tab_index ==2){
                            window.location.href = "./information.html?type=1&id="+id+"&isIndex=1"; //新闻资讯-投资视野
                            // window.open("./information.html?type=1&id="+id);//新闻资讯-投资视野
                        }
                    }else{
                        window.open(newsList[e].article_location);
                    }
                    // if(tab_index ==0){
                    //     window.location.href = "./info-disclosure.html?type=0&id="+id; //信息披露-公司公告
                    //     // window.open("./info-disclosure.html?type=0&id="+id);//信息披露-公司公告
                    // }else if(tab_index ==1){
                    //     window.location.href = "./information.html?type=0&id="+id; //新闻资讯-行业资讯
                    //     // window.open("./information.html?type=0&id="+id);//新闻资讯-行业资讯
                    // }else if(tab_index ==2){
                    //     window.location.href = "./information.html?type=1&id="+id; //新闻资讯-投资视野
                    //     // window.open("./information.html?type=1&id="+id);//新闻资讯-投资视野
                    // }
                })
            })
        }

        //公司理念
        getGSLN();
        function getGSLN(){
            R.ajax({
                api:"article/qryInvestIdeas",
                data:pageData,
                success:function(res){
                    if(res){
                        $(".two_con .title_name").eq(0).html(res.title1);
                        $(".two_con .title_con").eq(0).html(res.content1);
                        res.picture1 = res.picture1?res.picture1:"../images/index_ma.png";
                        $(".two_con .title_img").eq(0).attr("src", res.picture1);

                        res.picture2 = res.picture2?res.picture2:"../images/index_ma2.png";
                        $(".two_con .title_name").eq(1).html(res.title2);
                        $(".two_con .title_con").eq(1).html(res.content2);
                        $(".two_con .title_img").eq(1).attr("src", res.picture2);
                    }
                }
            });
        }
    })
</script>

<style type="text/css">
	[v-cloak] {
		display: none;
	}
	.banner .swiper-container {
        width: 100%;
        height: 450px;
    }
    
    .banner .swiper-container .banner_url{
        width: 100%;
        height: 100%;
    }
    .banner .swiper-container img {
        width: 1920px;
        height: 450px;
    }
    .banner .swiper-pagination{
        bottom: 36px !important;
    }
    .banner .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
        cursor: pointer;
    }
</style>
</html>