<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
   <!-- 搜索关键字 -->
   <meta name="keywords" content="工程管理, 中联官网, 中联国际，造价咨询，招标代理，集采招标平台，采购管理创新">
   <!-- 简介 -->
   <meta name="description" content="中联品牌是由原财政部中国经济担保中心改制设立。中联国际工程管理有限公司为客户的投资建设提供全过程、全生命周期的工程咨询和数字基建服务。公司具备投资咨询、造价咨询、招标代理、工程监理、审计内控、军工保密等全价值链专业人士和资质，建立了覆盖全国的服务网络。">
   <!-- 网页标签logo -->
   <link rel="shortcut icon" href="" type="image/x-icon">
   <title>中联国际工程管理有限公司</title>
    <script src="./js/jquery-3.2.1.min.js"></script>
    <script src="./js/art.template.js"></script>
    <script src="./js/base.js"></script> 
    <link rel="stylesheet" href="./js/swiper3.4.2/swiper-3.4.2.min.css"> 
    <script src="./js/swiper3.4.2/swiper-3.4.2.min.js"></script>
    <script src="./js/swiper3.4.2/swiper-3.4.2.jquery.min.js"></script>   
    <script src="./js/wow.js"></script> 
    <link rel="stylesheet" href="./js/animate.min.css"> 
    <link rel="stylesheet" href="./css/base.css">  
    <script type="text/javascript" src="./js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="./js/jquery.countup.min.js"></script>
    
    <script type="text/javascript" charset="UTF-8"> 
        // 数字滚动
        $('.counter').countUp();
        document.write('<link href="./css/index.css?v=' + new Date().getTime() + '" rel="stylesheet" type="text/css"/>'); 
    </script>
</head>

<body>
    <header id="header"></header>
    <div class="banner">
        <div class="swiper-wrapper"  id="banner_body">
            <script type="text/html" id="banner_item"> 
                {{each list as item i}}       
                <div class="swiper-slide" > 
                    <a class="pic" style="background-image: url({{imghost+item.filePath}});"></a> 
                </div>    
                {{/each}}
            </script>    
        </div> 
        <div class="setbox">
            <div class="setbtn pc prev" ></div>
            <div class="pagination"></div> 
            <div class="setbtn pc next"  ></div>
        </div>
    </div> 
    <div class="model main1 wp">
        <div class="titbox  wow fadeInUp">
            <p class="entxt">About Us</p>
            <p class="tit">关于中联</p>
            <p class="desc">中联国际秉持“以客户为中心”的服务理念，致力于以专业的服务为客户创造最大利益</p>
        </div> 
        <div class="flexbox">
            <div class="videobox  wow fadeInLeft">
                <video src="./js/video.mp4" class="video" controls></video>
                <img src="./images/index/videobg.png" class="bg pic" alt="">
                <img src="./images/index/icon_play.png" class="play" alt="">
                <img src="./images/index/videoshadow.png" class="shadow pc" alt="">
            </div>
            <div class="infobox  wow fadeInRight">
                <p class="txt">中联品牌源自财政部，中联国际工程管理有限公司是中联企业管理集团成员企业，是国内领先的工程咨询专业服务公司，主要为客户的投资建设项目提供工程咨询服务和数字基建服务。</p> 
                <a class="btn" href="./page004.html?code=004">了解详情 <img src="./images/icon_arrow_b.png" class="ico" alt=""></a>
                <img src="./images/index/pic1.png" class="bg" alt="">
            </div>
        </div>
    </div>
    <div class="model main2" id="Excellent_body">  
        <script type="text/html" id="Excellent_item"> 
            <div class=" wp">
                <div class="titbox  wow fadeInUp">
                    <p class="entxt">Excellent Cases</p>
                    <p class="tit">优秀案例</p>
                </div> 
                <div class="navbox  wow fadeInUp">
                    <p class="{{id=='dic1796350452519014400'?'on':''}}" data-id="dic1796350452519014400">工程咨询</p>
                    <p class="{{id=='dic1796351449261805568'?'on':''}}" data-id="dic1796351449261805568">数字基建</p>
                </div>
                <div class="txt  wow fadeInUp">
                   {{info.introduction}}
                </div>
            </div>
            <div class="listswiper swiper  wow fadeInUp">
                <div class="swiper-wrapper">   
                    {{each list as item i}}     
                    <a class="swiper-slide" href="./casedetail.html?id={{item.id}}">  
                        <div class="bg pic" style="background-image: url({{imghost+item.filePath}});"></div>
                        <div class="txtbox">
                            <div class="flexbox">
                                {{each item.tagList as ite}}   
                                <p class="btn">{{ite}}</p> 
                                {{/each}} 
                            </div>
                            <h3>{{item.title}}</h3> 
                            <p class="type">{{item.introduceBriefly}}</p>
                        </div>
                    </a>    
                    {{/each}} 
                </div>  
                <img src="./images/index/prev_b.png" class="setbtn pc prev" alt="">
                <img src="./images/index/next_b.png" class="setbtn pc next" alt=""> 
            </div> 
            <div class="pagiswiper pc  wow fadeInUp">
                <div class="swiper-wrapper">   
                    {{each list as item i}}     
                        <a class="swiper-slide" href="./casedetail.html?id={{item.id}}">  
                            <div class="bg pic" style="background-image: url({{imghost+item.filePath}});"></div>
                            <div class="txtbox"> 
                                <h3>{{item.title}}</h3> 
                                <p class="type">{{item.introduceBriefly}}</p>
                            </div>
                        </a>    
                    {{/each}}
                </div>  
                <img src="./images/index/prev_a.png" class="setbtn prev" alt="">
                <img src="./images/index/next_a.png" class="setbtn next" alt=""> 
            </div>  
        </script>  
    </div>
    
    <div class="model main5 wp"> 
        <div class="titbox wow fadeInUp">
            <p class="entxt">International Case</p>
            <p class="tit">国际案例</p> 
        </div> 
        <div class="navbox wow fadeInUp" id="intertype_body">  
            <script type="text/html" id="intertype_item"> 
                {{each list as item i}}      
                <p class="{{i==0?'on':''}}" data-code="{{item.code}}">{{item.name}}</p>
                {{/each}}
            </script>   
        </div> 
        <div class="international swiper wow fadeInUp">
            <div class="swiper-wrapper" id="inter_body">  
                <script type="text/html" id="inter_item"> 
                    {{each list as item i}}     
                    <a class="swiper-slide"   href="./casedetail.html?id={{item.id}}"> 
                        <div class="box">
                            <div class="bg pic" style="background-image: url({{imghost+item.filePath}});"></div>
                            <div class="txtbox"> 
                                <div class="flexbox">
                                    {{each item.tagList as ite}}   
                                    <p class="btn">{{ite}}</p> 
                                    {{/each}} 
                                </div>
                                <h3>{{item.title}}</h3> 
                                <p class="type">{{item.introduceBriefly}}</p>
                            </div>
                        </div>
                    </a>    
                    {{/each}}
                </script>  
            </div>  
            <div class="pagination"></div>

            <img src="./images/index/prev-1.png" class="setbtn prev" alt="">
            <img src="./images/index/next-1.png" class="setbtn next" alt=""> 
        </div>  
    </div>
    
    <div class="model main3 wp">
        <div class="titbox center white wow fadeInUp">
            <p class="entxt">Key Industry</p>
            <p class="tit">重点行业</p>
            <p class="desc">中联国际作为国内领先的工程咨询专业服务公司, 业务横跨多个行业领域, 服务客户累计超过万家 </p>
        </div> 
        <div class="flexbox" id="Industry_body">  
            <script type="text/html" id="Industry_item"> 
                {{each list as item i}}      
                <div class="box wow fadeInUp" data-code="{{item.code}}">  
                    <img src="{{imghost+item.filePath}}" class="bg" alt="">
                    <p>{{item.name}}</p>
                </div> 
                {{/each}}
            </script>  
        </div> 
        <a class="more wow fadeInUp" href="./page003.html?code=003">了解更多<img src="./images/icon_arrow.png" class="ico" alt=""></a>
    </div>
    <div class="model main4 wp">
        <div class="titbox center wow fadeInUp">
            <p class="entxt">Our Customers</p>
            <p class="tit">我们的客户</p>
        </div> 
        <div class="logoswiper wow fadeInUp">
            <div class="swiper-wrapper" id="Customers_body">  
                <script type="text/html" id="Customers_item"> 
                    {{each list as item i}}       
                    <a class="swiper-slide" href="{{item.url}}" target="_blank">  
                        <img src="{{imghost+item.filePath}}" class="iconlogo" alt="">
                    </a>      
                    {{/each}}
                </script>  
                <!-- <a class="swiper-slide">  
                    <img src="./images/index/icon_logo2.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo3.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo4.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo5.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo6.png" class="iconlogo" alt="">
                </a>       
                 <a class="swiper-slide">  
                    <img src="./images/index/icon_logo19.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo20.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo21.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo22.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo23.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo7.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo8.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo9.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo10.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo11.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo12.png" class="iconlogo" alt="">
                </a>       
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo24.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo25.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo26.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo27.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo28.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo13.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo14.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo15.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo16.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo17.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo18.png" class="iconlogo" alt="">
                </a>     
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo29.png" class="iconlogo" alt="">
                </a>      
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo30.png" class="iconlogo" alt="">
                </a>        
                <a class="swiper-slide">  
                    <img src="./images/index/icon_logo31.png" class="iconlogo" alt="">
                </a>        -->
            </div>   
            <div class="pagination"></div>
        </div> 
    </div>
    <footer id="footer"></footer>
</body>
<script src="./js/data.json"></script>
<script> 
    let getExcellentCase=function(id){ 
        api.ajax({
            method:'get',
            path: '/serve/getInfo',
            data:{id:id},
            callback: function (info) {
                if (info.code == '200') {     
                    api.ajax({
                        method:'get',
                        path: '/index/getExcellentCase',  
                        data:{category:info.data.code},
                        callback: function (res) {
                            if (res.code == '200') {  
                                var Excellenthtml = template('Excellent_item', {id:id, list: res.data,imghost:api.imghost, info:info.data,});
                                $('#Excellent_body').html($(Excellenthtml))  
                                if($(window).width()>750){ 
                                    var listswiper = new Swiper('.listswiper', {
                                    observer: true,
                                    observeParents: true,
                                    observeSlideChildren: true,
                                    noSwiping : true,
                                    watchOverflow: true,
                                    loop: true,
                                    speed: 500,
                                    autoplay: false,
                                    centeredSlides : true,
                                    slidesPerView : 2,
                                    spaceBetween : '8%', 
                                    prevButton: '.listswiper .prev',
                                    nextButton: '.listswiper .next', 
                                });
                                var pagiswiper = new Swiper('.pagiswiper', {
                                    observer: true,
                                    observeParents: true,
                                    observeSlideChildren: true,
                                    noSwiping : true,
                                    watchOverflow: true,
                                    loop: true,
                                    speed: 500,
                                    autoplay: false,
                                    centeredSlides : true,
                                    slidesPerView : 2,
                                    spaceBetween : '3%', 
                                    prevButton: '.pagiswiper .prev',
                                    nextButton: '.pagiswiper .next', 
                                });
                                listswiper.params.control = pagiswiper;
                                pagiswiper.params.control = listswiper;  
                                }
                                else{
                                    var listswiper = new Swiper('.listswiper', {
                                        observer: true,
                                        observeParents: true,
                                        observeSlideChildren: true,
                                        noSwiping : true,
                                        watchOverflow: true,
                                        loop: true,
                                        speed: 500,
                                        autoplay: false,
                                        centeredSlides : false,
                                        slidesPerView : 1.2,
                                        slidesOffsetBefore : 20,
                                        slidesOffsetAfter : 20,
                                        spaceBetween : '3%', 
                                        prevButton: '.listswiper .prev',
                                        nextButton: '.listswiper .next', 
                                    });
                                }
                
                            }else{
                                api.toast(res.message)
                            }
                        }
                    })  
                
                }else{
                    api.toast(res.message)
                }
            }
        }) 
    }
    
    let getInternationalCase=function(code){ 
        api.ajax({
            method:'post',
            path: '/case/getCaseList',
            data:{
                current:1,
                size:6,
                query:{
                    internationalType:'003002',
                    caseCode:code
                }, 
            }, 
            callback: function (res) {
                if (res.code == '200') {     
                    var interhtml = template('inter_item', { list:res.data.records,imghost:api.imghost });
                    $('#inter_body').html($(interhtml))    
                    if($(window).width()>750){ 
                        var international = new Swiper('.international', {
                                observer: true,
                                observeParents: true,
                                observeSlideChildren: true,
                                noSwiping : true,
                                watchOverflow: true,
                                loop: res.data.total>2?true:false,
                                speed: 500,
                                autoplay: false, 
                                centeredSlides : false, 
                                slidesPerView : 3,
                                spaceBetween : '1%', 
                                paginationType : 'progress',
                                pagination : '.international .pagination',
                                prevButton: '.international .prev',
                                nextButton: '.international .next', 
                        });
                    }
                    else{ 
                        var international = new Swiper('.international', {
                                observer: true,
                                observeParents: true,
                                observeSlideChildren: true,
                                noSwiping : true,
                                watchOverflow: true,
                                loop: true,
                                speed: 500,
                                autoplay: false, 
                                centeredSlides : false,  
                                slidesPerView : 1.2,
                                slidesOffsetBefore : 20,
                                slidesOffsetAfter : 20,
                                spaceBetween : '3%', 
                                paginationType : 'progress',
                                // pagination : '.international .pagination',
                                prevButton: '.international .prev',
                                nextButton: '.international .next', 
                        }); 
                    }
                }else{
                    api.toast(res.message)
                }
            }
        }) 
 
    }
    $(function(){  
        api.ajax({
            method:'get',
            path: '/index/getRotatingMap', 
            callback: function (res) {
                if (res.code == '200') {  
                    var bannerhtml = template('banner_item', { list: res.data,imghost:api.imghost});
                    $('#banner_body').html($(bannerhtml)) 
                    var KVswiperpc = new Swiper('.banner', {
                        observer: true,
                        observeParents: true,
                        observeSlideChildren: true,
                        noSwiping : true,
                        watchOverflow: true,
                        loop: true,
                        speed: 500,
                        autoplay: false,
                        paginationClickable: true,
                        autoplayDisableOnInteraction : false,
                        pagination: '.banner .pagination', 
                        prevButton: '.banner .prev',
                        nextButton: '.banner .next', 
                    }); 
                    
                }else{
                    api.toast(res.message)
                }
            }
        }) 
        
        api.ajax({
            method:'get',
            path: '/index/getCategoryList', 
            data:{code:'003001'},
            callback: function (res) {
                if (res.code == '200') {  
                    var Industryhtml = template('Industry_item', { list: res.data,imghost:api.imghost});
                    $('#Industry_body').html($(Industryhtml)) 
                   
                }else{
                    api.toast(res.message)
                }
            }
        }) 
        api.ajax({
            method:'get',
            path: '/index/getCustomersList',  
            callback: function (res) {
                if (res.code == '200') {  
                    var Customershtml = template('Customers_item', { list: res.data,imghost:api.imghost});
                    $('#Customers_body').html($(Customershtml))  
                    if($(window).width()>750){ 
                        var logoswiper = new Swiper('.logoswiper', {
                            observer: true,
                            observeParents: true,
                            observeSlideChildren: true,
                            noSwiping : true,
                            watchOverflow: true,
                            loop: false,
                            speed: 500,
                            autoplay: 3000,
                            centeredSlides : false,
                            slidesPerView : 6, 
                            slidesPerGroup : 6,
                            slidesPerColumn : 3,
                            slidesPerColumnFill : 'row', 
                            pagination : '.logoswiper .pagination',
                        }); 
                    }
                    else{
                    
                        var logoswiper = new Swiper('.logoswiper', {
                            observer: true,
                            observeParents: true,
                            observeSlideChildren: true,
                            noSwiping : true,
                            watchOverflow: true,
                            loop: false,
                            speed: 500,
                            autoplay: 3000,
                            centeredSlides : false,
                            slidesPerView : 3, 
                            slidesPerGroup : 3,
                            slidesPerColumn : 6,
                            slidesPerColumnFill : 'row', 
                        });
                    }
      
                }else{
                    api.toast(res.message)
                }
            }
        }) 
        getExcellentCase('dic1796350452519014400') 
        api.ajax({
            method:'get',
            path: '/case/getList',
            data:{code:'003002'},
            callback: function (res) {
                if (res.code == '200') {    
                    var intertypehtml = template('intertype_item', { list:res.data });
                    $('#intertype_body').html($(intertypehtml))    
                    getInternationalCase(res.data[0].code)
                }else{
                    api.toast(res.message)
                }
            }
        })   
       
        $('.main1 .flexbox .videobox .play').click(function(){
            $('.main1 .flexbox .videobox .pic').hide()
            $('.main1 .flexbox .videobox .video').show()
            $('.main1 .flexbox .videobox .play').hide()
            $('.main1 .flexbox .videobox .video').get(0).play()
        })
        $('.main2').on('click',' .navbox p',function(){ 
            getExcellentCase($(this).attr('data-id')) 
        })
        $('.main3').on('click',' .box',function(){ 
            localStorage.setItem('casecode',$(this).attr('data-code'))
            location.href='./page003.html?code=003'
        })
        $('.main5 .navbox').on('click',' p',function(){ 
            $(this).addClass('on').siblings().removeClass('on')   
            getInternationalCase($(this).attr('data-code'))
        })
    })
</script>

</html> 