{"id":295,"date":"2018-05-13T16:23:42","date_gmt":"2018-05-13T08:23:42","guid":{"rendered":"http:\/\/www.winghang.com\/?page_id=295"},"modified":"2018-08-22T23:55:20","modified_gmt":"2018-08-22T15:55:20","slug":"usage-demo","status":"publish","type":"page","link":"https:\/\/www.winghang.com\/cn\/gallery\/usage-demo\/","title":{"rendered":"\u4f7f\u7528\u6f14\u793a"},"content":{"rendered":"<div class=\"row row-collapse row-full-width align-middle align-center\"  id=\"row-201289230\">\n<div class=\"col small-12 large-12\"  ><div class=\"col-inner text-center\"  >\n<div class=\"gap-element\" style=\"display:block; height:auto; padding-top:30px\" class=\"clearfix\"><\/div>\n  <div class=\"banner-grid-wrapper\">\n  <div id=\"banner-grid-1255499734\" class=\"banner-grid row row-grid row-small row-full-width\" data-packery-options=\"\">\n                      \n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-227087736\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-227087736 {\n  padding-top: 500px;\n}\n#banner-227087736 .bg.bg-loaded {\n  background-image: url(https:\/\/www.winghang.com\/wp-content\/uploads\/2018\/05\/banner-electronics-799x1024.jpg);\n}\n\n\n@media (min-width:550px) {\n\n  #banner-227087736 {\n    padding-top: 500px;\n  }\n\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-4 grid-col-1-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-813415685\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-583937734\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text \">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h1 class=\"uppercase\"><span style=\"font-size: 110%;\"><strong>\u4ea7\u54c1<span style=\"font-size: 100%;\">\u4f7f\u7528\u6f14\u793a<\/span><\/strong><\/span><\/h1>\n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-583937734 {\n  width: 77%;\n}\n#text-box-583937734 .text {\n  font-size: 100%;\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-813415685 {\n  padding-top: 500px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-1405215168\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-1405215168 {\n  padding-top: 500px;\n}\n#banner-1405215168 .bg.bg-loaded {\n  background-image: url(https:\/\/www.winghang.com\/wp-content\/uploads\/2018\/05\/E2.jpg);\n}\n#banner-1405215168 .bg {\n  background-position: 31% 50%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-4 grid-col-2-3\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-331716624\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1806446582\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-1806446582 {\n  width: 60%;\n}\n#text-box-1806446582 .text {\n  font-size: 100%;\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-331716624 {\n  padding-top: 500px;\n}\n#banner-331716624 .bg.bg-loaded {\n  background-image: url(https:\/\/www.winghang.com\/wp-content\/uploads\/2018\/05\/banner-stationery-780x1024.jpg);\n}\n#banner-331716624 .bg {\n  background-position: 84% 21%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-14 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-410627482\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1992965357\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-1992965357 {\n  width: 60%;\n}\n#text-box-1992965357 .text {\n  font-size: 100%;\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-410627482 {\n  padding-top: 500px;\n}\n#banner-410627482 .bg.bg-loaded {\n  background-image: url(https:\/\/www.winghang.com\/wp-content\/uploads\/2018\/05\/S1.jpg);\n}\n#banner-410627482 .bg {\n  background-position: 37% 41%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n<div class=\"col grid-col small-13 large-4 grid-col-1-2\" ><div class=\"col-inner\">\n\n  <div class=\"banner has-hover\" id=\"banner-680087261\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <div class=\"bg fill bg-fill \"><\/div>\n                                    \n                    <\/div><!-- bg-layers -->\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-327033631\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n              <\/div>\n           <\/div><!-- text-box-inner -->\n                            \n<style scope=\"scope\">\n\n#text-box-327033631 {\n  width: 60%;\n}\n#text-box-327033631 .text {\n  font-size: 100%;\n}\n<\/style>\n    <\/div><!-- text-box -->\n \n        <\/div><!-- .banner-layers -->\n      <\/div><!-- .banner-inner -->\n\n            \n<style scope=\"scope\">\n\n#banner-680087261 {\n  padding-top: 500px;\n}\n#banner-680087261 .bg.bg-loaded {\n  background-image: url(https:\/\/www.winghang.com\/wp-content\/uploads\/2018\/05\/T3.jpg);\n}\n#banner-680087261 .bg {\n  background-position: 71% 35%;\n}\n<\/style>\n  <\/div><!-- .banner -->\n\n\n<\/div><\/div>\n            <\/div><!-- .banner-grid .row .grid -->\n    <style scope=\"scope\">\n    #banner-grid-1255499734 .grid-col-1{height: 885px}\n    #banner-grid-1255499734 .grid-col-1-2{height: 442.5px}\n    #banner-grid-1255499734 .grid-col-1-3{height:295px}\n    #banner-grid-1255499734 .grid-col-2-3{height: 590px}\n    #banner-grid-1255499734 .grid-col-1-4{height: 221.25px}\n    #banner-grid-1255499734 .grid-col-3-4{height: 663.75px}\n\n\n    \n        \/* Mobile *\/\n    @media (max-width: 550px){\n      #banner-grid-1255499734 .grid-col-1{height: 600px}\n      #banner-grid-1255499734 .grid-col-1-2{height: 300px}\n      #banner-grid-1255499734 .grid-col-1-3{height:200px}\n      #banner-grid-1255499734 .grid-col-2-3{height: 400px}\n      #banner-grid-1255499734 .grid-col-1-4{height: 150px}\n      #banner-grid-1255499734 .grid-col-3-4{height: 450px}\n    }\n    \n\n  <\/style>\n    <\/div><!-- .banner-grid-wrapper -->\n  \n<\/div><\/div>\n\n<style scope=\"scope\">\n\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":55,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-295","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/pages\/295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/comments?post=295"}],"version-history":[{"count":6,"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/pages\/295\/revisions"}],"predecessor-version":[{"id":932,"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/pages\/295\/revisions\/932"}],"up":[{"embeddable":true,"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/pages\/55"}],"wp:attachment":[{"href":"https:\/\/www.winghang.com\/cn\/wp-json\/wp\/v2\/media?parent=295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}