<!doctype html>
<html>

<head>
  <meta charset="utf-8">
    <title>&#x7c73;&#x5170;&#x20;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x20;&#x4e2d;&#x56fd;&#x5b98;&#x65b9;&#x7f51;&#x7ad9;</title>
    <meta name="description" content="&#x7c73;&#x5170;&#x20;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x20;&#x4e2d;&#x56fd;&#x5b98;&#x65b9;&#x7f51;&#x7ad9;&#x63d0;&#x4f9b;&#x8db3;&#x7403;&#x8d5b;&#x4e8b;&#x76f4;&#x64ad;&#x3001;&#x8d5b;&#x7a0b;&#x6bd4;&#x5206;&#x3001;&#x7403;&#x961f;&#x6392;&#x540d;&#x4e0e;&#x8d5b;&#x4e8b;&#x8d44;&#x8baf;&#xff0c;&#x81f4;&#x529b;&#x4e8e;&#x6253;&#x9020;&#x4e13;&#x4e1a;&#x6743;&#x5a01;&#x7684;&#x4f53;&#x80b2;&#x5185;&#x5bb9;&#x5e73;&#x53f0;&#x3002;" />
    <meta name="keywords" content="&#x41;&#x43;&#x7c73;&#x5170;&#x2c;&#x7c73;&#x5170;&#x2c;&#x7c73;&#x5170;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x2c;&#x7c73;&#x5170;&#x4e2d;&#x56fd;" />
    <meta name="theme-color" content="#08ECB8">
    <link rel="canonical" href="http://www.kosuncoatings.com/sitemap.xml"/>
    <meta property="og:locale" content="zh_CN"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="&#x7c73;&#x5170;&#x20;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x20;&#x4e2d;&#x56fd;&#x5b98;&#x65b9;&#x7f51;&#x7ad9;"/>
    <meta property="og:keywords" content="&#x41;&#x43;&#x7c73;&#x5170;&#x2c;&#x7c73;&#x5170;&#x2c;&#x7c73;&#x5170;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x2c;&#x7c73;&#x5170;&#x4e2d;&#x56fd;"/>
    <meta property="og:description" content="&#x7c73;&#x5170;&#x20;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x20;&#x4e2d;&#x56fd;&#x5b98;&#x65b9;&#x7f51;&#x7ad9;&#x63d0;&#x4f9b;&#x8db3;&#x7403;&#x8d5b;&#x4e8b;&#x76f4;&#x64ad;&#x3001;&#x8d5b;&#x7a0b;&#x6bd4;&#x5206;&#x3001;&#x7403;&#x961f;&#x6392;&#x540d;&#x4e0e;&#x8d5b;&#x4e8b;&#x8d44;&#x8baf;&#xff0c;&#x81f4;&#x529b;&#x4e8e;&#x6253;&#x9020;&#x4e13;&#x4e1a;&#x6743;&#x5a01;&#x7684;&#x4f53;&#x80b2;&#x5185;&#x5bb9;&#x5e73;&#x53f0;&#x3002;"/>
    <meta property="og:url" content="http://www.kosuncoatings.com/sitemap.xml"/>
    <meta property="og:site_name" content="&#x7c73;&#x5170;&#x20;&#x6d;&#x69;&#x6c;&#x61;&#x6e;&#x20;&#x4e2d;&#x56fd;&#x5b98;&#x65b9;&#x7f51;&#x7ad9;"/>
    <meta property="og:image:type" content="image/png"/>
    <link rel="icon" href="http://www.kosuncoatings.com/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/swiper.animate.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js"></script>
    <script type="text/javascript" src="js/wow.js"></script>
    <script type="text/javascript" src="js/webforce.js?1"></script>
    <script type="text/javascript" src="js/webforce_search.js?2"></script>
    <script type="text/javascript" src="js/webforce_message.js?2"></script>
    <script type="text/javascript" src="js/webforce_site.js?2"></script>
    <script type="text/javascript" src="js/myjs.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>
    <!-- header start -->
    <div class="header"></div>
    <script type="text/javascript">
        $(".header").html(header());
    </script>
    <!-- header end -->

    <!-- banner start -->
    <div class="banner"></div>
    <script type="text/javascript">
        $(".banner").html(banner(2));  //通栏图片
    </script>
    <!-- banner end -->

    <div class="con01bg">
        <div class="wapper1">
            <div class="con01">
                <div class="list1">
                    <div class="con01_lt wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                        <div class="nr_box">
                            <div class="h2"></div>
                            <div class="h3"></div>
                            <div class="h4"></div>
                            <div class="more1"><a href="/aboutUs.html?id=0&c_id=2"><span>查看更多 +</span></a></div>
                        </div>
                    </div>
                    <div class="con01_rt wow zoomIn" style="visibility: visible; animation-name: zoomIn;">
                        <span>视频播放</span>
                        <div class="img video1_open" data-src="upload/202408161523586.mp4">
                            <img src="">
                        </div>
                    </div>
                </div>
                <div class="list2">
                    <ul>


                    </ul>
                    <div class="clear"></div>
                </div>
                <div class="list3">
                    <ul>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        let newsInfo1 = getNewsInfo(1)
        $(".con01bg .con01 .con01_lt .h2").html(newsInfo1.title)
        $(".con01bg .con01 .con01_lt .h3").html(newsInfo1.description)
        $(".con01bg .con01 .con01_lt .h4").html(newsInfo1.content)

        let newsInfo2 = getNewsInfo(2)
        // $(".con01bg .con01 .con01_rt img").attr('src', newsInfo1.thumbnail)
        $(".con01bg .video1_open").html(newsInfo2.content)
        $(".con01bg .video1_open video")[0].autoplay = 'true'
        $(".con01bg .video1_open video")[0].muted = 'false'

        $(".con01bg .con01").css('backgroundImage', 'url(' + newsInfo2.thumbnail + ')')

        $(".con01bg .list2 ul").html(news_list(1, 4, 5));  //文章展示
        $(".con01bg .list3 ul").html(news_list(2, 3, 6));  //文章展示

    </script>
    <script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="js/jquery.countup.min.js"></script>
    <script>
        $('.con01 .list2 .count').countUp();
    </script>
    <div class="video1_box">
        <div class="video1_close video1_close1"></div>
        <div class="video1bg">
            <div class="video1_close video1_close2"></div>
            <div class="video1"></div>
        </div>
    </div>
    <script type="text/javascript">
        // $(document).ready(function (e) {
        //     $(".video1_open").click(function () {
        //         $(".video1").html(newsInfo2.content);
        //         $(".video1_box").fadeIn();
        //     });
        //     $(".video1_close").click(function () {
        //         $(".video1").html("");
        //         $(".video1_box").hide();
        //     });
        // });
    </script>

    <div class="con02bg" style=" background-size: cover;">
        <div class="wapper1">
            <div class="con02">
                <div class="tit1 wow fadeInUp">
                    <div class="h2">产品中心</div>
                    <div class="h3">PRODUCT CENTER</div>
                </div>
                <div class="list">
                    <div class="slideTxtBox_01">
                        <div class="hd wow fadeInUp">
                            <ul>


                            </ul>
                        </div>
                        <div class="bd wow fadeInUp">



                        </div>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".con02bg").css('backgroundImage', 'url(' + pic(6, 'path') + ')')

        $(".con02bg .list ul").html(product_list('', 4, 2));  //文章展示
        $(".con02bg .list .bd").html(product_list('', 4, 3));  //文章展示

    </script>
    <script type="text/javascript">
        jQuery(".slideTxtBox_01").slide({ effect: "fade", autoPlay: false, delayTime: 500, interTime: 4000, defaultIndex: 0, titCell: ".hd li", mainCell: ".bd", trigger: "mouseover", titOnClassName: "on", prevCell: ".prev", nextCell: ".next" });
    </script>

    <!-- <div class="con03bg">
        <div class="wapper1">
            <div class="con03">
                <div class="tit2 wow fadeInUp">
                    <div class="h2">产品优势</div>
                    <div class="h3">Advantage</div>
                </div>
                <div class="list">
                    <ul>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".con03bg ul").html(news_list(3, 8, 7));  //文章展示
    </script> -->

    <div class="con04bg">
        <div class="wapper1">
            <div class="con04">
                <div class="tit2 wow fadeInUp">
                    <div class="h2">应用领域</div>
                    <div class="h3">Application</div>
                </div>
                <div class="list">
                    <ul>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".con04bg ul").html(news_list(4, 4, 8));  //文章展示
    </script>

    <!-- <div class="con05bg">
        <div class="wapper1">
            <div class="con05">
                <div class="tit2 wow fadeInUp">
                    <div class="h2">资质荣誉</div>
                    <div class="h3">Honor</div>
                </div>
                <div class="list wow fadeInUp">
                    <div class="honor_swiper">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">


                            </div>
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                    <script>
                        $(".con05bg .swiper-wrapper").html(news_list(5, -1, 9));  //文章展示
                    </script>
                    <script>
                        var honorSwiper = new Swiper('.honor_swiper .swiper-container', {
                            effect: 'coverflow',
                            grabCursor: true,
                            centeredSlides: true,
                            slidesPerView: 'auto',
                            loop: true,
                            coverflowEffect: {
                                rotate: 20,
                                stretch: 0,
                                depth: 270,
                                modifier: 1,
                                slideShadows: true,
                            },
                            pagination: {
                                el: '.honor_swiper .swiper-pagination',
                                clickable: true,
                            },
                            breakpoints: {
                                999: {
                                    coverflowEffect: {
                                        rotate: 10,
                                        depth: 400,
                                    },
                                },
                            },
                        });
                    </script>
                </div>
            </div>
        </div>
    </div> -->

    <div class="con06bg">
        <div class="wapper1">
            <div class="con06">
                <div class="tit2 wow fadeInUp">
                    <div class="h2">新闻资讯</div>
                    <div class="h3">NEWS CENTER</div>
                </div>
                <div class="list">
                    <div class="slideTxtBox_02">


                    </div>

                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".con06bg .slideTxtBox_02").html(newsclass_list(6, -1, 2));  //文章展示
    </script>
    <script type="text/javascript">
        jQuery(".slideTxtBox_02").slide({ effect: "fade", autoPlay: false, delayTime: 500, interTime: 4000, defaultIndex: 0, titCell: ".hd li", mainCell: ".bd", trigger: "mouseover", titOnClassName: "on", prevCell: ".prev", nextCell: ".next" });
    </script>

    <!-- <div class="con07bg">
        <div class="wapper1">
            <div class="con07">
                <div class="tit2 wow fadeInUp">
                    <div class="h2">合作伙伴</div>
                    <div class="h3">Partners</div>
                </div>
                <div class="list">
                    <ul>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(".con07bg ul").html(news_list(9, 6, 10));  //文章展示
    </script> -->


    <!-- newsclass start -->
    <div class="news_class">
    </div>
    <script type="text/javascript">
        $(".news_class").html(newsclass_list(1));  //产品展示
    </script>
    <!-- newsclass end -->



    <!-- foot start -->
    <div class="footer">
    </div>
    <script type="text/javascript">
        $(".footer").html(footer());
    </script>
    <!-- foot end -->


</body>

</html>































































































































































































































































