??`<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ς?]yr^twczf???] z gP?lQ?S sQ?Nb?N</title> <meta name= keywords content= Y?ZSOzf??S?] z,ZSir??0U\:y??0?W^ĉR??0;N????0ONU\:y?S0?yYe??03D04D?zSOq_b? > <meta name= description content= ς?]yr^twczf???] z gP?lQ?S/fN?[NN?N?NY?ZSOzf??S?] z?vON0?~ǏhQSO T?N?vqQ T?R?R?T N?a??Bl?]b:NY?ZSO?Q?[V{R????0?e?]I{teSOS㉳Q?eHh?vNNON0lQ?S;N??N?R/f:NZSir??0U\:y??0?W^ĉR??0;N????0ONU\:y?S0?yYe??03d04d?zSOq_b?I{L?N?c?OY?ZSO?^(u g?R?T?~?b0b?NwQ gNyb?b/g8h?_?v?V??TMR?w'`?v g?RaƋ ?hQ?_hQa:N?[7b?c?OhQ?eMO?vpeW[NSOS㉳Q?eHh0 > <!-- Stylesheet --> <link href="css/font-awesome.min.css" rel="stylesheet" charset="utf-8"> <link href="js/flexslider/flexslider.css" rel="stylesheet" charset="utf-8"> <link href="js/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet" charset="utf-8"> <link href="js/owl.carousel/assets/owl.theme.default.min.css" rel="stylesheet" charset="utf-8"> <link href="js/slicknav/slicknav.min.css" rel="stylesheet" charset="utf-8"> <link href="js/lightcase/css/lightcase.css" rel="stylesheet" charset="utf-8"> <link href="js/fakeLoader/fakeLoader.css" rel="stylesheet" charset="utf-8"> <link href="css/main.css" rel="stylesheet" charset="utf-8"> </head> <body> <!-- Page Wrapper --> <div class="page-wrapper"> <!-- Header --> <header id="header" class="header header-three header-sticky header-full-width clearfix"> <div> <div class="col-xs-4 col-md-4"> <div class="site-branding"> <div class="wrap"> <h2 class="site-title"> <img src="images/logo_03.png" alt="ς?]yr^twc" /> </h2> </div> </div> </div> <div class="col-xs-8 col-md-8"> <div class="navigation-top clearfix"> <nav id="site-navigation" class="main-navigation"> <div class="menu-primary-container"> <ul class="menu-primary clearfix"> <li><a href="index.html">??u?</a></li> <li><a href="portfolio.html">sQ?Nb?N</a></li> <li><a href="blog.html">Hh?OU\:y</a></li> <li> <a href="portfolio.html">T??|b?N</a></li> <li><a href="services.html">?b$??~?X</a></li> <li> <a> <input type="text" style="width:150px; height: 25px; border-top: 1px solid #555555; border-left: 1px solid #555555; border-bottom: 1px solid #555555; border-right:0px solid #555555;border-radius:5px;" /> <img src="images/sousuo022_06_06.png" alt="d"}" style="margin-left:-40px;margin-top:-3px;" /> </a> </li> </ul> </div> </nav> </div> </div> </div> </header> <!-- Slider One --> <div> <img src="images/slider/̀of?V_02.jpg" alt=" slider image" class="sliderimg1"> <img src="images/slider/P[Lub??V_03.jpg" alt=" slider image" class="sliderimg2"> </div> <div class="portfolio-page"> <main id="main" class="main"> <div class="filtering"> <ul class="filter-group"> <li><a href="javascript:void(0)" id="filter1">lQ?S?{?N</a></li> <li><a href="javascript:void(0)" id="filter2">?SU\?S z</a></li> <li><a href="javascript:void(0)" id="filter3">T??|b?N</a></li> </ul> </div> </main> </div> <div class="leftmenu2"> <div class="col-lg-4 col-md-4 col-xs-3 prj-leftmenu"> <ul> <li> <div class="lefthead"><a href="#">sQ?Nb?N</a></div> </li> <li id="li1"> <div class="leftcontent"><a href="javascript:void(0)" id="lft1">lQ?S?{?N</a>&nbsp;<img src="images/xiantiaohuis_16.png" id="img1" alt="?{4Y"></div> </li> <li id="li2"> <div class="leftcontent"><a href="javascript:void(0)" id="lft2">?SU\?S z</a>&nbsp;<img src="images/xiantiaohuis_16.png" id="img2" alt="?{4Y"></div> </li> <li id="li3"> <div class="leftcontent"><a href="javascript:void(0)" id="lft3">T??|b?N</a>&nbsp;<img src="images/xiantiaohuis_16.png" id="img3" alt="?{4Y"></div> </li> </ul> </div> <div class="col-lg-8 col-md-8 col-xs-9" style="padding-left:0px;"> <iframe src="about-us.html" id="test" style="width: 100%; border: 0px solid white; "></iframe> </div> </div> <div class="leftmenu3"> <iframe src="about-us.html" id="test1" style="width: 100%; border: 0px solid white; "></iframe> </div> <!-- Footer --> <footer id="footer" class="footer"> <div class="sub-footer text-center"> <div class="no-padding1"> <div class="col-xs-0 col-md-3 col-lg-3">&nbsp;</div> <ul class="foot-menu col-xs-12 col-md-6 col-lg-6"> <li><a href="index.html">??u?</a></li> <li><a href="portfolio.html">sQ?Nb?N</a></li> <li><a href="blog.html">Hh?OU\:y</a></li> <li> <a href="portfolio.html">T??|b?N</a></li> <li><a href="services.html">?b$??~?X</a></li> </ul> <div class="col-xs-0 col-md-3 col-lg-3">&nbsp;</div> </div> <p class="col-xs-12 col-md-12 col-lg-12">HrCg@b g ? ς?]yr^twczf???] z gP?lQ?S</p> </div> </footer> </div> <!-- Required Plugins and Scripts --> <script src="js/jquery-3.1.1.min.js" charset="utf-8"></script> <script src="js/jquery-migrate.min.js" charset="utf-8"></script> <script src="js/bootstrap.min.js" charset="utf-8"></script> <script src="js/flexslider/jquery.flexslider-min.js" charset="utf-8"></script> <script src="js/owl.carousel/owl.carousel.min.js" charset="utf-8"></script> <script src="js/jquery-countTo/jquery.countTo.js" charset="utf-8"></script> <script src="js/jquery.waypoints.min.js" charset="utf-8"></script> <script src="js/slicknav/jquery.slicknav.min.js" charset="utf-8"></script> <script src="js/lightcase/vendor/jQuery/jquery.events.touch.js" charset="utf-8"></script> <script src="js/lightcase/js/lightcase.js" charset="utf-8"></script> <script src="js/fakeLoader/fakeLoader.min.js" charset="utf-8"></script> <script src="js/scripts.js" charset="utf-8"></script> <script type="text/javascript"> function reinitIframe() { var iframe = document.getElementById("test"); var iframe1 = document.getElementById("test1"); try { var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(1080, dHeight); iframe.height = height; var bHeight1 = iframe1.contentWindow.document.body.scrollHeight; var dHeight1 = iframe1.contentWindow.document.documentElement.scrollHeight; var height1 = Math.max(1080, dHeight1); iframe1.height = height1; } catch (ex) { } } window.setInterval("reinitIframe()", 200); $(document).ready(function () { var newImage = new Image(); //??}?eQ?VGr var oldImage = $('#img1').attr('src'); newImage.src = 'images/xiantiao_16.png'; $('#li1').hover(function () { // ?h?nǏ?VGrRbc $('#img1').attr('src', newImage.src); }, function () { $('#img1').attr('src', oldImage); }); $('#li2').hover(function () { // ?h?nǏ?VGrRbc $('#img2').attr('src', newImage.src); }, function () { $('#img2').attr('src', oldImage); }); $('#li3').hover(function () { // ?h?nǏ?VGrRbc $('#img3').attr('src', newImage.src); }, function () { $('#img3').attr('src', oldImage); }); $("#lft1").click(function () { var iframe = document.getElementById("test"); iframe.src = "about-us.html"; }); $("#lft2").click(function () { var iframe = document.getElementById("test"); iframe.src = "history.html"; }); $("#lft3").click(function () { var iframe = document.getElementById("test"); iframe.src = "contact.html"; }); $("#filter1").click(function () { var iframe = document.getElementById("test1"); iframe.src = "about-us.html"; }); $("#filter2").click(function () { var iframe = document.getElementById("test1"); iframe.src = "history.html"; }); $("#filter3").click(function () { var iframe = document.getElementById("test1"); iframe.src = "contact.html"; }); }) </script> </body> </html>