<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>诚香银航</title>
    <!-- google-fonts -->
    <link href="http://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">
    <!-- //google-fonts -->
    <!-- Template CSS Style link -->
    <link rel="stylesheet" href="assets/css/style-starter.css">
</head>

<body>
    <!--header-->
    <header id="site-header" class="fixed-top">
        <div class="container-fluid">
            <nav class="navbar navbar-expand-lg stroke">
                <h1>
                    <a class="navbar-brand d-flex align-items-center" href="index.html">
                        <img src="assets/images/logo.png" style="width: 50px;border-radius: 30px;margin-right: 20px;">诚香银航</a>
                </h1>
                <!-- if logo is image enable this   
				<a class="navbar-brand" href="#index.html">
					<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
				</a> -->
                <button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse"
                    data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
                    <span class="navbar-toggler-icon fa icon-close fa-times"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                    <ul class="navbar-nav ml-lg-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
						<li class="nav-item">
						    <a class="nav-link" href="#newList_" >资讯</a>
						</li>
                        <li class="nav-item">
                            <a class="nav-link" href="#about">关于我们</a>
                        </li>
                        <!-- search button -->
                        <div class="search-right">
                            <form action="#search" method="GET" class="search-box position-relative">
                                <div class="input-search">
                                    <input type="search" placeholder="Enter Keyword" name="search" required="required"
                                        autofocus="" class="search-popup">
                                </div>
                                <button type="submit" class="btn search-btn"><i class="fa fa-search"
                                        aria-hidden="true"></i></button>
                            </form>
                        </div>
                        <!-- //search button -->
                    </ul>
                </div>
                <!-- toggle switch for light and dark theme -->
                <div class="cont-ser-position">
                    <nav class="navigation">
                        <div class="theme-switch-wrapper">
                            <label class="theme-switch" for="checkbox">
                                <input type="checkbox" id="checkbox">
                                <div class="mode-container">
                                    <i class="gg-sun"></i>
                                    <i class="gg-moon"></i>
                                </div>
                            </label>
                        </div>
                    </nav>
                </div>
                <!-- //toggle switch for light and dark theme -->
            </nav>
        </div>
    </header>
    <!--//header-->

    <!-- banner section -->
    <section class="w3l-banner pt-5">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 banner-left">
                    <h3 class="text-white mb-3 title" style="font-size: 35px;">沉香种植<br>
                        <span class="type-js"><span class="text-js" style="font-size: 30px;">海南诚香银航生物科技有限公司</span></span></h3>
                    <p class="lead text-white">Welcome to our service ！
                    </p>
                    <div class="d-flex align-items-center mt-5">
                        <a class="btn btn-style-white mr-2" href="#about">关于我们</a>
                        <a class="btn btn-style-white btn-style-border" href="#newList_">资讯</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- //banner section -->

    <!-- about section -->
    <section class="w3l-features-photo-7 py-5" id="about">
        <div class="container py-md-5 py-4">
            <div class="row w3l-features-photo-7_top align-items-center">
                <div class="col-lg-6 w3l-features-photo-7_top-right mb-lg-0 mb-sm-5 mb-4">
                    <img src="assets/images/about.jpg" class="img-responsive" alt="" />
                </div>
                <div class="col-lg-6 w3l-features-photo-7_top-left pl-lg-4">
                    <h4 class="title-style mb-2">关于我们</h4>
                    <p style="text-indent: 2em;">
						<!-- 诚香银航展示打造“沉香大健康”，整合沉香产业的生产链，实现沉香生产的规范化、规模化和产业化，完成核心资源的整合布局，同时覆盖了三个产业，涉及种植业、加工业和服务业，形成沉香全产业链。 -->
						海南诚香银航生物科技有限公司办公室地址位于素有“椰城”美称的海口，海南省海口市龙华区世贸东路2号世贸雅苑K幢10D，于2018年05月10日在海南省市场监督管理局注册成立，我们始终为客户提供好的产品和技术支持、健全的售后服务，我公司主要经营许可项目：化妆品生产；保健食品生产；保健食品销售；药品批发；药品生产；各类工程建设活动一般项目：生物农药技术研发；生物基材料技术研发；生物基材料销售；技术服务、技术开发、技术咨询、技术交流、技术转让、技术推广；生物基材料制造；新材料技术推广服务；会议及展览服务；组织文化艺术交流活动；人工造林；营林及木竹采伐机械销售；城市绿化管理；园林绿化工程施工；花卉种植；以自有资金从事投资活动；创业空间服务；农业园艺服务；中草药种植；化妆品零售；化妆品批发 ，我们有好的产品和专业的销售和技术团队，我公司属于海口化妆品厂黄页行业，如果您对我公司的产品服务有兴趣，期待您在线留言或者来电咨询
                    </p>
                    <!-- <div class="row feat_top mt-4 pt-lg-3" style="height: 170px;">
                        <div class="col-6 w3l-features-photo-7-box">
                            <p></p>
                        </div>
                        <div class="col-6 w3l-features-photo-7-box">
                            <p></p>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>
    </section>
    <!-- //about section -->

    <!-- what we do section -->
    <div class="w3l-grids-block-5 py-5" id="newList_">
        <div class="container pb-md-5 py-4">
            <div class="row justify-content-center text-center">
                <div class="col-md-8">
                    <div class="section-heading mb-sm-5 mb-4">
                        <h3 class="title-style mb-2">资讯/消息</h3>
                    </div>
                </div>
            </div>
            <div class="row" id="newList">
                <!-- <div class="col-lg-4 col-md-6 mt-md-0 mt-4">
                    <div class="blog-card-single">
                        <div class="grids5-info">
                            <a href="#blog"><img src="assets/images/img1.jpg" alt="" /></a>
                            <div class="blog-info">
                                <h4><a href="#blog">Donec sed teus enime</a></h4>
                                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a class="btn btn-style" href="#about">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mt-md-0 mt-4">
                    <div class="blog-card-single">
                        <div class="grids5-info">
                            <a href="#blog"><img src="assets/images/img2.jpg" alt="" /></a>
                            <div class="blog-info">
                                <h4><a href="#blog">It's enim ad minim aute</a></h4>
                                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a class="btn btn-style" href="#about">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mt-lg-0 mt-4">
                    <div class="blog-card-single">
                        <div class="grids5-info">
                            <a href="#blog"><img src="assets/images/img3.jpg" alt="" /></a>
                            <div class="blog-info">
                                <h4><a href="#blog">Ullamco laboris nisi uts</a></h4>
                                <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a class="btn btn-style" href="#about">Read More</a>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </div>
    <!-- //what we do section -->

    <!-- footer -->
    <section class="w3l-footer-16">
        <div class="w3l-footer-16-main">
            <div class="container">
				<!-- d-flex below-section justify-content-between align-items-center pt-4 mt-5 -->
                <div class="" style="margin-top: 0 !important;text-align: center;color:#FFFFFF">
					<div>Copyright © 2022 海南诚香银航生物科技有限公司</div>
					<br/>
					<div>地址：海南省海口市龙华区世贸东路2号世贸雅苑K幢10D</div>
					<br/>
					<a style="color:#FFFFFF" target="_blank" href="http://beian.miit.gov.cn/">琼ICP备2021000335号-1</a>
                </div>
            </div>
        </div>
    </section>
    <!-- //footer -->

    <!-- Js scripts -->
    <!-- move top -->
    <button onclick="topFunction()" id="movetop" title="Go to top">
        <span class="fa fa-level-up" aria-hidden="true"></span>
    </button>
    <script>
        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () {
            scrollFunction()
        };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                document.getElementById("movetop").style.display = "block";
            } else {
                document.getElementById("movetop").style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>
    <!-- //move top -->

    <!-- common jquery plugin -->
	<script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <!-- //common jquery plugin -->

    <!-- gallery popup js -->
    <script src="assets/js/smartphoto.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const sm = new SmartPhoto(".js-img-viwer", {
                showAnimation: false
            });
            // sm.destroy();
        });
    </script>
    <!-- //gallery popup js -->

    <!-- theme switch js (light and dark)-->
    <script src="assets/js/theme-change.js"></script>
    <script>
        function autoType(elementClass, typingSpeed) {
            var thhis = $(elementClass);
            thhis.css({
                "position": "relative",
                "display": "inline-block"
            });
            thhis.prepend('<div class="cursor" style="right: initial; left:0;"></div>');
            thhis = thhis.find(".text-js");
            var text = thhis.text().trim().split('');
            var amntOfChars = text.length;
            var newString = "";
            thhis.text("|");
            setTimeout(function () {
                thhis.css("opacity", 1);
                thhis.prev().removeAttr("style");
                thhis.text("");
                for (var i = 0; i < amntOfChars; i++) {
                    (function (i, char) {
                        setTimeout(function () {
                            newString += char;
                            thhis.text(newString);
                        }, i * typingSpeed);
                    })(i + 1, text[i]);
                }
            }, 1500);
        }

        $(document).ready(function () {
            // Now to start autoTyping just call the autoType function with the 
            // class of outer div
            // The second paramter is the speed between each letter is typed.   
            autoType(".type-js", 200);
        });
    </script>
    <!-- //theme switch js (light and dark)-->

    <!-- MENU-JS -->
    <script>
        $(window).on("scroll", function () {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function () {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function () {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function () {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
    </script>
    <!-- //MENU-JS -->

    <!-- disable body scroll which navbar is in active -->
    <script>
        $(function () {
            $('.navbar-toggler').click(function () {
                $('body').toggleClass('noscroll');
            })
        });
    </script>
    <!-- //disable body scroll which navbar is in active -->

    <!--bootstrap-->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- //bootstrap-->
    <!-- //Js scripts -->
	
</body>
<script>
	$(document).ready(function() {
		var url = "http://api.cxyh2018.com";
		getNewInfo();
		function getNewInfo(){
			$.ajax({
			  url : url + "/api/news/list",
			  type : "POST",
			  contentType: "application/json;charset=utf-8",
			  data : JSON.stringify({
				  page_num: 2,
				  page_size: 3,
				  query:{in:[6]}
			  }),
			  dataType : "json",
			  success : function(result) {
			    if(result.list.length > 0){
					var htm = "";
					for(var i =0;i<result.list.length;i++){
						htm +='<div class="col-lg-4 col-md-6 mt-md-0 mt-4">'+
								'<div class="blog-card-single">'+
									'<div class="grids5-info">'+
										'<a href="#blog"><img style="height: 230px;" src="'+result.list[i].main_img[0]+'" alt="" /></a>'+
										'<div class="blog-info">'+
											'<h4><a href="#blog" class="text1">'+result.list[i].title+'</a></h4>'+
											'<p class="text2" style="height:56px;">'+result.list[i].title+'</p>'+
											'<a class="btn btn-style" href="#about">阅读更多</a>'+
										'</div>'+
									'</div>'+
								'</div>'+
							'</div>';
					}
					$("#newList").html(htm);
				}
			  },
			  error:function(msg){
			   
			  }
			})
		}
		
		
        
    });
  </script>
</html>