人物專訪
+From bde766fdd834ed094af572476bfc78a1e31ad1be Mon Sep 17 00:00:00 2001 From: Lee-1203 <342694918@qq.com> Date: Tue, 15 Feb 2022 16:20:41 +0800 Subject: [PATCH] lee --- .vscode/settings.json | 3 + css/base.css | 128 + css/style.css | 1476 ++++++++++ css/swiper.min.css | 12 + htmls/Interview.html | 181 ++ htmls/InterviewDetails.html | 77 + htmls/aboutUs.html | 81 + htmls/brand.html | 84 + htmls/contactUs.html | 119 + htmls/contentPage.html | 89 + htmls/engineering.html | 240 ++ htmls/honoraryCertificate.html | 109 + htmls/ia.html | 264 ++ htmls/indexBrand.html | 91 + htmls/projectIntroduction.html | 208 ++ htmls/projectIntroductionDetails.html | 147 + htmls/serviceConcept.html | 138 + htmls/siteImage.html | 217 ++ htmls/wellKnownProducts.html | 217 ++ htmls/测量工具1.jpg | Bin 0 -> 1146 bytes imgs/ber.png | Bin 0 -> 2770244 bytes imgs/ber2.png | Bin 0 -> 1068354 bytes imgs/ber3.png | Bin 0 -> 1016505 bytes imgs/dh.png | Bin 0 -> 673 bytes imgs/facebook.png | Bin 0 -> 300 bytes imgs/gy.png | Bin 0 -> 2498944 bytes imgs/gyber.png | Bin 0 -> 1060252 bytes imgs/home.png | Bin 0 -> 712 bytes imgs/im1.png | Bin 0 -> 19903 bytes imgs/im2.png | Bin 0 -> 19111 bytes imgs/im3.png | Bin 0 -> 22587 bytes imgs/im4.png | Bin 0 -> 23188 bytes imgs/img.png | Bin 0 -> 461796 bytes imgs/imga.png | Bin 0 -> 434265 bytes imgs/imga1.png | Bin 0 -> 187642 bytes imgs/imgaw.png | Bin 0 -> 36772 bytes imgs/imgob.png | Bin 0 -> 554137 bytes imgs/iocn.png | Bin 0 -> 2372 bytes imgs/iocn1.png | Bin 0 -> 2156 bytes imgs/iocn10.png | Bin 0 -> 1424 bytes imgs/iocn11.png | Bin 0 -> 1759 bytes imgs/iocn12.png | Bin 0 -> 3643 bytes imgs/iocn2.png | Bin 0 -> 1707 bytes imgs/iocn3.png | Bin 0 -> 1294 bytes imgs/iocn5.png | Bin 0 -> 978 bytes imgs/iocn6.png | Bin 0 -> 1682 bytes imgs/iocn7.png | Bin 0 -> 1358 bytes imgs/iocn8.png | Bin 0 -> 1306 bytes imgs/iocn9.png | Bin 0 -> 1519 bytes imgs/jt.png | Bin 0 -> 819 bytes imgs/jt2.png | Bin 0 -> 1029 bytes imgs/jt3.png | Bin 0 -> 868 bytes imgs/jta.png | Bin 0 -> 863 bytes imgs/logo.png | Bin 0 -> 5587 bytes imgs/lx.png | Bin 0 -> 569509 bytes imgs/nr.png | Bin 0 -> 478095 bytes imgs/public/小桶龙.png | Bin 0 -> 174442 bytes imgs/rw.png | Bin 0 -> 176519 bytes imgs/rwgy.png | Bin 0 -> 2583948 bytes imgs/rwzf.png | Bin 0 -> 1124025 bytes imgs/ry.png | Bin 0 -> 281609 bytes imgs/stpp.png | Bin 0 -> 1060252 bytes imgs/twitter.png | Bin 0 -> 406 bytes imgs/wx.jpg | Bin 0 -> 17886 bytes imgs/wz.png | Bin 0 -> 584 bytes imgs/xmjs.png | Bin 0 -> 1060252 bytes imgs/yx.png | Bin 0 -> 503 bytes imgs/zk.png | Bin 0 -> 245 bytes imgs/zt.png | Bin 0 -> 186 bytes imgs/zz.png | Bin 0 -> 36975 bytes index.html | 55 + js/jquery.min.js | 3652 +++++++++++++++++++++++++ js/map.js | 145 + js/navBar.js | 9 + js/swiper-bundle.min.css | 13 + js/swiper-bundle.min.js | 14 + js/swiper.min.js | 13 + 77 files changed, 7782 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 css/base.css create mode 100644 css/style.css create mode 100644 css/swiper.min.css create mode 100644 htmls/Interview.html create mode 100644 htmls/InterviewDetails.html create mode 100644 htmls/aboutUs.html create mode 100644 htmls/brand.html create mode 100644 htmls/contactUs.html create mode 100644 htmls/contentPage.html create mode 100644 htmls/engineering.html create mode 100644 htmls/honoraryCertificate.html create mode 100644 htmls/ia.html create mode 100644 htmls/indexBrand.html create mode 100644 htmls/projectIntroduction.html create mode 100644 htmls/projectIntroductionDetails.html create mode 100644 htmls/serviceConcept.html create mode 100644 htmls/siteImage.html create mode 100644 htmls/wellKnownProducts.html create mode 100644 htmls/测量工具1.jpg create mode 100644 imgs/ber.png create mode 100644 imgs/ber2.png create mode 100644 imgs/ber3.png create mode 100644 imgs/dh.png create mode 100644 imgs/facebook.png create mode 100644 imgs/gy.png create mode 100644 imgs/gyber.png create mode 100644 imgs/home.png create mode 100644 imgs/im1.png create mode 100644 imgs/im2.png create mode 100644 imgs/im3.png create mode 100644 imgs/im4.png create mode 100644 imgs/img.png create mode 100644 imgs/imga.png create mode 100644 imgs/imga1.png create mode 100644 imgs/imgaw.png create mode 100644 imgs/imgob.png create mode 100644 imgs/iocn.png create mode 100644 imgs/iocn1.png create mode 100644 imgs/iocn10.png create mode 100644 imgs/iocn11.png create mode 100644 imgs/iocn12.png create mode 100644 imgs/iocn2.png create mode 100644 imgs/iocn3.png create mode 100644 imgs/iocn5.png create mode 100644 imgs/iocn6.png create mode 100644 imgs/iocn7.png create mode 100644 imgs/iocn8.png create mode 100644 imgs/iocn9.png create mode 100644 imgs/jt.png create mode 100644 imgs/jt2.png create mode 100644 imgs/jt3.png create mode 100644 imgs/jta.png create mode 100644 imgs/logo.png create mode 100644 imgs/lx.png create mode 100644 imgs/nr.png create mode 100644 imgs/public/小桶龙.png create mode 100644 imgs/rw.png create mode 100644 imgs/rwgy.png create mode 100644 imgs/rwzf.png create mode 100644 imgs/ry.png create mode 100644 imgs/stpp.png create mode 100644 imgs/twitter.png create mode 100644 imgs/wx.jpg create mode 100644 imgs/wz.png create mode 100644 imgs/xmjs.png create mode 100644 imgs/yx.png create mode 100644 imgs/zk.png create mode 100644 imgs/zt.png create mode 100644 imgs/zz.png create mode 100644 index.html create mode 100644 js/jquery.min.js create mode 100644 js/map.js create mode 100644 js/navBar.js create mode 100644 js/swiper-bundle.min.css create mode 100644 js/swiper-bundle.min.js create mode 100644 js/swiper.min.js diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/base.css b/css/base.css new file mode 100644 index 0000000..82308bf --- /dev/null +++ b/css/base.css @@ -0,0 +1,128 @@ +/* -moz-:代表firefox(火狐)浏览器私有属性 + -ms-:代表ie浏览器私有前缀 + -webkit-:代表safari、chrome私有属性 + -o-:代表Opera私有属性 +*/ +/* 清空所有标签的内外边距 */ +* { + padding: 0; + margin: 0; + /* css3盒子模型 */ + box-sizing: border-box; +} +header, +main{ + background-color: #FFFFFF; + min-width: 320px; + /* max-width: calc(100% - 180px); */ + max-width: calc(1920px - 640px); + margin: 0 auto; +} +body { + /* 抗锯齿性-让文字显示的更加清晰 */ + -webkit-font-smoothing: antialiased; + background-color: #F5F5F5; + font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; + color: #333; + +} +/* em 和 i 斜体的文字不倾斜 */ +em, +i { + font-style: normal; +} + +/* 去掉li 的小圆点 */ +li { + list-style: none; +} + +button { + /* 当我们鼠标经过button按钮的时候,鼠标变成小手 */ + cursor: pointer; + border: none; +} +img { + /* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */ + border: 0; + /* 取消图片底侧有空白缝隙的问题 ① */ + vertical-align: middle; + /* 取消图片底侧有空白缝隙的问题 ② */ + display: block; + object-fit: cover; +} +/* 去掉a标签的下划线,并修改字体颜色 */ +a { + color: #666; + text-decoration: none; + /* 手机端去除a标签点击时的背景样式 */ + -webkit-tap-highlight-color: transparent; + /* 去除边距 */ + display: inline-block; +} + +/* 禁用长按时弹出的菜单 */ +img , a { + -webkit-touch-callout: none; +} +button, +input, +textarea{ + /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */ + font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif; + /* 取消轮廓 */ + outline: none; + /* 去掉默认外观 */ + /* -webkit-appearance: none; */ + /* 去掉点击时的默认外观 */ + outline-style: none; +} +textarea { + /* 禁止自定义拉伸 */ + resize: none; +} + +.hide, +.none { + display: none +} + +/* 清楚浮动 */ +.clearfix:after { + visibility: hidden; + clear: both; + display: block; + content: "."; + height: 0 +} + +.clearfix { + *zoom: 1 +} + +.logo h1 a { + display: flex; + align-items: center; +} + + +.clips1{ + /* 弹性伸缩盒子模型显示 */ + display: -webkit-box; + /* 用省略号代替 */ + text-overflow: ellipsis; + /* 设置或检索伸缩盒对象的子元素的排列方式 */ + -webkit-box-orient: vertical; + /* 禁止数字和英文换行 */ + word-break: break-all; + /* 限制在一个块元素显示的文本的行数 */ + -webkit-line-clamp: 1; + /* 溢出隐藏 */ + overflow: hidden; +} +.clips2{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} +.clips3{display: -webkit-box;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} +.clips4{display: -webkit-box;-webkit-line-clamp: 4;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} +.clips5{display: -webkit-box;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} +.clips6{display: -webkit-box;-webkit-line-clamp: 6;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} +.clips7{display: -webkit-box;-webkit-line-clamp: 7;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..aa5bc49 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1476 @@ +.main{ + width: 100%; + height: 100vh; + position: relative; + background-color: #000; + box-sizing: border-box; +} +.h100{ + height: 100%; +} +.main .ber{ + width: 100%; + position: absolute; + opacity: 0.8; + left: 0px; + top: 0px; + height: 100%; +} +.main .con{ + width: 100%; + height: 100vh; + position: relative; + overflow: hidden; + z-index: 1; + box-shadow: 0px -19px 69px #000 inset; + +} +.nav{ + width: 250px; + margin: auto; + background-color: rgba(0,0,0,0.7); + height: 100%; + padding-top: 60px; + box-sizing: border-box; + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + text-align: center; +} +.navTop{ + width: 150px; + margin: auto; + height: 150px; + transform: rotate(45deg); + text-align: center; + margin-bottom: 51px; + display: flex; + justify-content: center; + background-color: #0D0D0D; +} +.navTop img{ + transform: rotate(-45deg); +} +.navLsit>a{ + font-size: 22px; + display: block; + text-align: center; + position: relative; + padding: 15px 0px; + +} +.navLsit>a:hover, +.navLsit>a.on{ + background-color: rgba(0,0,0,0.5); + color: #fff; +} + +.navLsit>a>.make{ + background-color: rgba(0,0,0,0.5); + position: absolute; + width: 100%; + display: none; + right: -100%; + top: 0px; +} +.navLsit>a:hover .make{ + display: block; +} +.navLsit>a>.make>a{ + font-size: 22px; + display: block; + text-align: center; + padding: 15px 0px; +} +.navLsit>a>.make>a:hover{ + background-color: #0f0f0f; + color: #fff; +} +.navHref{ + display: flex; + justify-content: center; + margin-top: 65px; +} +.navHref>a{ + display: inline-block; + width: 34px; + display: flex; + margin: 3px; + align-items: center; + justify-content: center; + height: 34px; + border: 1px solid rgb(95, 95, 95); +} +.footer{ + background-color: #000; + width: 100%; + height: 74px; + position: fixed; + bottom: 0px; + text-align: center; + line-height: 74px; + z-index: 5; + left: 0px; +} +.footer a{ + color: #262626; +} +.returnIndex{ + position: fixed; + right: 26px; + bottom: 160px; + z-index: 15; +} +.returnIndex:hover{ + color: #fff; +} +.conNav{ + left: 0; + transform: translateX(0); +} +.mainCon{ + width: 1440px; + margin: auto; +} +.navLsit .on{ + color: #fff; +} +.text{ + width: 954px; + height: 806px; + animation: myfirstTe 2s; + text-align: center; + padding: 60px 30px 60px 80px; + box-shadow: 0px 0px 130px #000 inset; + overflow: hidden; + background-color: rgba(0,0,0,0.5); +} +.mainCon{ + display: flex; + align-items: center; + padding-bottom: 74px; + justify-content: flex-end; + position: relative; +} +.contentPage{ + overflow-y:auto ; + height: 530px; + padding-right: 58px; + +} + +.contentPageC .title{ + font-size: 44px; + margin-bottom: 59px; + font-style:italic; + line-height: 44px; + color: #fefefe; +} +.contentPageC img{ + max-width: 100%; +} +.contentPage .subtitle{ + font-size: 28px; + color: #fefefe; + line-height: 28px; + margin-bottom: 30px; + +} +.contentPage .p{ + font-size: 16px; + line-height: 30px; + color: #fefefe; + margin-bottom: 38px; + text-align: justify; +} +.contentPage::-webkit-scrollbar {/*滚动条整体样式*/ + + width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ + + height: 1px; + +} + +.contentPage::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ + + border-radius: 10px; + + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + + background: #A3A3A3; + +} + +.contentPage::-webkit-scrollbar-track {/*滚动条里面轨道*/ + + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + + border-radius: 10px; + + background: #201E1B; + +} + +.aboutUs{ + display: flex; + text-align: left; +} +.aboutUs>img{ + position: relative; + left: -100px; +} +.aboutUsPbottom{ + padding-bottom: 0px; + overflow: visible; +} + +.aboutUsPbottom .contentPage{ + height: auto; + overflow: visible; +} +.aboutUsTitle{ +font-size: 28px; +animation: myfirst 4s; +color: #e8e8e8; +margin-bottom: 30px; +padding-top: 60px; +} +.aboutUsSubtitle{ + font-size: 18px; + animation: myfirst 4s; + color: #e8e8e8; + line-height: 36px; + +} + +.aboutUsP{ + font-size: 16px; + line-height: 32px; + margin-top: 65px; + animation: myfirsta 4s; + + + color: #e8e8e8; +} + +.honoraryCertificate .title{ +font-size: 44px; +margin-bottom: 43px; +font-style:italic; +padding-top: 30px; +text-align: center; +color: #e8e8e8; +animation: myfirste 2s; +} +.honoraryCertificateCon>.list{ +width: 950px; +height: 154px; +padding: 12px; +display: flex; +align-items: center; +background-color: rgba(0,0,0,0.6); +box-sizing: border-box; +margin-bottom: 12px; +transition: all 1s; +} +.honoraryCertificateCon>.list:hover{ + transition: all 1s; + transform: scale(1.1); +} +.honoraryCertificateCon>.list .listImg{ + height: 130px; + width: 180px; + +} +.honoraryCertificateCon>.list .listImg img{ + width:100%; + object-fit: contain; +} +.honoraryCertificateCon>.list .listTitle{ + font-size: 28px; + color: #e8e8e8; + margin-left: 58px; +} +.honoraryCertificateCon>.list .listText{ + font-size: 24px; + color: #e8e8e8; + margin-left: 62px; +} +.InterviewSwiper{ + padding-right: 30px; + position: relative; +} + +.lisiImg .img{ + width: 100%; + object-fit: contain; +} +.Interview .swiper{ + width: 550px; + +} +.Interview{ + flex: 1; + margin-right: -300px; + padding-left: 200px; +} + +.InterviewCon{ + overflow: hidden; + padding-left: 30px; +} +.suspended{ + width: 100%; + height: 100%; + position: absolute; + display: flex; + left: 0px; + top: 0px; + align-items: center; + justify-content: center; +} +.suspended>div{ + width: 63px; + height: 63px; + padding-left: 5px; + box-sizing: border-box; + border-radius: 50%; + border: 1px solid rgba(0,0,0,0.6); + background-color: rgba(0,0,0,0.5); + display: flex; + align-items: center; + justify-content: center; +} +.InterviewSwiper .lisiImg{ + width: 100%; + height: 310px; + + position: relative; +} +.InterviewSwiper .listDate{ + width: 66px; + position: absolute; + left: -10px; + bottom: -24px; + text-align: center; + background-color: #0e0e0e; + height: 66px; + padding-top: 14px; + color: #E8E8E8; + border-radius: 50%; +} +.InterviewSwiper .listText{ + margin-top: 42px; +} +.InterviewSwiper .listText>:nth-child(1){ + color: #e8e8e8; + font-size: 18px; + text-align: center; +} +.InterviewSwiper .listText>:nth-child(2){ + color: #e8e8e8; + font-size: 18px; + margin-top: 24px; + display: block; + text-align: center;text-decoration:underline; +} +.Interview .title{ + font-size: 44px; + color: #fefefe; + font-style:italic; + animation: myfirstTe 2s; + text-align: center; +} +.Interview .select{ + width: 100px; + height: 46px; + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + padding: 0 15px;box-sizing: border-box; + border: 1px solid #bfbfbf; + display: flex; + align-items: center; + margin: auto;margin-top: 20px; +} +.Interview .select select{ + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + border: none; + width: 100%; + height: 100%; +} +.InterviewTitle{ + margin-left: -200px; + margin-bottom: 100px; + +} +.InterviewDetails{ + text-align: left; +} +.InterviewDetails .title{ + font-size: 24px; + text-align: center; +} +.InterviewDetailsImg{ + width: 100%; + margin-bottom: 20px; + position: relative; +} +.suspended img{ + width: auto; +} +.projectIntroductionList>div>p{ + font-size: 16px; + margin-bottom: 16px; + line-height: 24px; + color: #e8e8e8; +} +.projectIntroductionList>div>.on{ + text-decoration: underline; +} +.projectIntroduction{ + display: flex; + justify-content: space-between; + margin-top: 46px; +} + +.projectIntroductionCon{ + padding-left: 0px; + width: 950px; + animation: myfirstTe 2s; +} + +.projectIntroductionCon .title{ + font-size: 44px; + color: #fefefe; + font-style:italic; + text-align: center; + +} +option{ + font-size: 20px; + background-color: rgba(0,0,0,0); +} +.projectIntroductionCon .select{ + width: 100px; + height: 46px; + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + padding: 0 15px;box-sizing: border-box; + border: 1px solid #bfbfbf; + display: flex; + align-items: center; + margin: auto;margin-top: 20px; +} +.projectIntroductionCon .select select{ + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + border: none; + width: 100%; + height: 100%; +} +.projectIntroductionJt>a{ + margin-right: 14px; +} +.projectIntroductionConMain{ + margin-left: 44px; +padding-right: 30px; +} + +.projectIntroductionConMain{ + height: 596px; + overflow-x: auto; + +} +.projectIntroductionConMain img{ + max-width: 100%; +} + + +.projectIntroductionConMain::-webkit-scrollbar {/*滚动条整体样式*/ + + width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ + + height: 1px; + +} + +.projectIntroductionConMain::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ + + border-radius: 10px; + + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + + background: #EDEDED; + +} + +.projectIntroductionConMain::-webkit-scrollbar-track {/*滚动条里面轨道*/ + + -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); + + border-radius: 10px; + background: #535353; + + +} +.projectIntroductionDetails .title{ + font-size: 36px; + text-align: left; + margin-bottom: 23px; +} +.projectIntroductionDetails .p{ + font-size: 16px; + color: #E8E8E8; + line-height: 30px; +}.projectIntroductionDetails{ + width: 677px; +} + +.projectIntroductionDetails{ + + margin-bottom: 40px; +} +.projectIntroductionDetailsNav{ + padding-top: 150px; +} +.projectIntroductionDetails+.projectIntroductionConMain{ + height: 511px; +} + + +.brand .select{ + width: 100px; + height: 46px; + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + padding: 0 15px;box-sizing: border-box; + border: 1px solid #bfbfbf; + display: flex; + align-items: center; + margin: auto; + margin-bottom: 43px; +} +.brand .select select{ + font-size: 20px; + background-color: rgba(0,0,0,0); + color: #bfbfbf; + border: none; + width: 100%; + height: 100%; +} +.brand .title{ + margin-bottom: 22px; + font-style:italic + +} +.brand .p{ + text-align: left; +} +.serviceConcept .list{ + width: 300px; + margin-bottom: 28px; + padding-top: 36px; + box-sizing: border-box; + text-align: center; + padding-right: 20px; + padding-left: 20px; + height: 278px; + background-color: rgba(0,0,0,0.7); +} +.serviceConcept{ + display: flex; + flex-wrap: wrap; + width: 954px; + justify-content: space-between; +} +.serviceConcept .list .listImg{ + display: flex; + justify-content: center; + margin-bottom: 32px; +} +.serviceConcept .list .listImg>:nth-child(2){ + display: none; +} +.serviceConcept .list>:nth-child(2){ + font-size: 22px; + color: #e8e8e8; + + line-height: 22px; + margin-bottom: 12px; +} +.serviceConcept .list:hover>:nth-child(2){ + font-weight: bold; +} + +.serviceConcept .list>:nth-child(3){ + font-size: 12px; + color: #ffffff; + margin-bottom: 28px; +} +.serviceConcept .list>.p{ + font-size: 14px; + text-align: center; + color: #ffffff; +} + +.serviceConcept .list:hover .listImg>:nth-child(1){ + + display: none; +} + +.serviceConcept .list:hover .listImg>:nth-child(2){ + + + display: block; +} + +.serviceConcept .list:hover{ + background-color: rgba(196,196,196,0.9); + +} +.serviceConcept .list:hover>:nth-child(2){ + color: #1b1b1b; +} + +.serviceConcept .list:hover>.p{ + font-size: 14px; + text-align: center; + color: #1b1b1b; +} +.wellKnownProductsNav a{ + font-size: 16px; + color: #e8e8e8; + text-align: left; + margin-bottom: 20px; + line-height: 16px; + display: block; +} +.wellKnownProductsNav .on{ + border-bottom: 1px solid #e8e8e8; +} +.wellKnownProducts{ + display: flex; + justify-content: space-between; +} +.wellKnownProductsNavP{ + padding-right: 60px; +} +.wellKnownProducts .p{ + font-size: 18px; + color: #e8e8e8; + text-align: center; + margin-top: 25px; +} +.wellKnownProductsJt{ + display: flex; + justify-content: center; + margin-top: 30px; + align-items: center; +} +.wellKnownProductsJt p{ + font-size: 14px; + color: #e8e8e8; + margin: 0 18px; +} +.contactUsTelText{ + display: flex; + text-align: left; + align-items: center; + margin-bottom: 40px; +} +.contactUsTelText>div{ + margin-left: 28px; +} +.contactUsTelText>div>p{ + font-size: 15px; + line-height: 15px; + color: #fff; +} +.contactUsTelText>div>:nth-child(1){ + margin-bottom: 13px; +} +.wx{ + display: flex; +} +.wx>div{ + margin-left: 35px; +} +.wx p{ + font-size: 15px; + color: #e8e8e8; + text-align: center; + margin-top: 18px; + line-height: 15px; +} +.contactUsTel{ + display: flex; + justify-content: space-between; + align-items: center; +} +.inta{ + display: flex; + justify-content: space-between; +} +.inta input{ + padding:17px 0px; + background-color: rgba(0,0,0,0); + border: none; + color: #e8e8e8; + border-bottom: 1px solid rgb(45, 45, 45); + width: 48%; +} +.inta input::placeholder{ + font-size: 18px; + color: #e8e8e8; + +} +.contactUsInpur{ + margin-top: 40px; +} +.intB{ + text-align: left; + margin-top: 46px; +} +.intB p{ + font-size: 18px; + color: #e8e8e8; + margin-bottom: 35px; +} +.intB input{ + border: none; + color: #e8e8e8; +height: 31px; + border-bottom: 1px solid rgb(45, 45, 45); + width: 100%; + background-color: rgba(0,0,0,0); +} +.contactUsButton{ + width: 142px; + height: 55px; + background-color: #000; + border: none; + margin: auto; + color: #fff; + margin-top: 29px; +} +.indexBrandCon{ + display: flex; + margin-top: 62px; + +} +.indexBrandCon .indexBrandNav{ + width: 237px; + margin-right: 32px; +} +.indexBrandCon .contentPage{ + width: 580px; + text-align: left; +} +.indexBrandNav{ + text-align: left; +} + +.indexBrandNav .list p{ + font-size: 16px; + line-height: 16px; + margin-bottom: 5px; + color: #e8e8e8; + display: inline-block; + padding: 5px; +} +.indexBrandNav .list .on{ + background-color: #3b3a39; +} +.indexBrandCon .contentPage .subtitle{ + margin-top: 30px; + +} +.indexBrandNav .tit{ + font-size: 18px; + line-height: 18px; + color: #e8e8e8; + margin-bottom: 15px; + padding-bottom: 12px; + + border-bottom: 1px solid #2c2b28; +} +.engineeringConText{ + width: 673px; + height: 471px; + padding-right: 31px; + box-sizing: border-box; + background-color: rgba(0,0,0,0.5) +} +.engineeringCon .tit{ + font-size: 28px; + height: 63px; + line-height: 57px; + color: #e8e8e8; + padding-left: 9px; + margin-left: 30px; + margin-bottom: 60px; + border-left: 1px solid #E8E8E8; +} +.engineeringConText .listImg{ + width: 517px; + height: 305px; + margin-left: 30px; + position: relative; + top: -60px; +} +.engineeringConText .listImg img{ + width: 100%; + object-fit: contain; +} +.engineeringConText .p{ + font-size: 16px; + line-height: 30px; + margin-left: 30px; + margin-top: -50px; + color: #e8e8e8; +} +.engineeringNavList .list{ + background-color: rgba(0,0,0,0.5); + width: 270px; + height: 121px; + +} +.engineering{ + display: flex; + margin-top: 45px; +} +.engineeringNav{ + margin-left: 10px; + +} +.engineering .list{ + display: flex; + align-items: center; + justify-content: space-between; + padding-left: 22px; + margin-bottom: 10px; +padding-right: 18px; +} +.engineering .list p{ + font-size: 18px; + width: 72px; + overflow:hidden; + white-space:nowrap; +text-overflow:ellipsis; /* 加省略号 */ + + color: #c7c7c7; +} +.engineering .list div{ +width: 144px; + +height: 84px; +} +.engineering .list div img{ + max-width: 100%; +} +.engineeringNavButton{ + width: 271px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + background-color: rgba(0,0,0,0.5); +} +.engineeringNavButton a{ + display: inline-block; + margin: 0 10px; +} +.engineeringNavList .on{ + background-color: rgba(0,0,0,0); + box-sizing: border-box; + border: 1px solid #E8E8E8; +} +.siteImage{ + background-color: rgba(0,0,0,0.5); + width: 954px; + height: 530px; +} +.siteImageW .select{ + width: 135px; + margin-bottom: 106px; +} +.siteImage{ + position: relative; +} +.siteImage .listImg{ + width: 696px; + margin: auto; + height: 410px; + overflow: hidden; + position: relative; + top: -60px; +} +.siteImage .listImg img{ + width: 100%; +} +.siteImageButton{ + display: flex; + padding: 0 44px; + align-items: center; +} +.swiperImg{ + width: 150px; + height: 150px; + border-radius: 50%; + overflow: hidden; +} +.siteImageButton{ + margin-top: -47px; +} +.swiperImg img{ + display: block; + /* object-fit: contain; */ + height: 100%; +} +/* .siteImageSwiper{ + padding: 0 40px; + box-sizing: border-box; +} */ +.siteImageSwiper{ + width: 81.5%; +} +.makeV{ + width: 100%; + height: 100%; + position: absolute; + left: 0px; + top: 0px; + display: flex; + align-items: center; + align-content:center; + justify-content: center; + flex-direction: column; + z-index: 6; + display: none; + background-color: rgba(0,0,0,0.6); +} +.makeV video{ + width: 80%; + position: relative; + z-index: 6; +} +.makeV button{ + background-color: #000; + color: #fff; + width: 100px; + height: 50px; + margin-top: 30px; +} +.reduction{ + transform: rotateZ(180deg); +} +.projectIntroductionNav{ + position: relative; +} +.projectIntroductionNavButton{ + display: none; +} +.swiper-a{ + transform: rotate(180deg); +} +select{ + outline:none +} +.aboutUsText{ + margin-left: -55px; +} +@media screen and (min-width:767px) and (max-width:991px) { + +} +@media screen and (max-width:1560px){ + .projectIntroductionDetails{ + width: 560px; + } + .siteImage .listImg{ + height: auto; + } + .siteImage{ + width: 100%; + height: auto; + } + .engineeringNavList .list{ + width: 200px; + } + .engineeringNavButton{ + width: 200px; + } + .engineeringConText{ + width: 80%; + } + .engineeringConText .listImg{ + width: 80%; + height: auto; + } + + .wellKnownProductsText{ + width: 80%; + } + .serviceConcept .list{ + width: 31%; + } + .serviceConcept{ + width: 700px; + } + .serviceConcept .list{ + padding-top: 10px; + } + .projectIntroductionNav{ + height: 553px; + overflow-x: auto; + + } + .serviceConcept .list>:nth-child(2){ + font-size: 16px; + } + .serviceConcept .list>:nth-child(3){ + margin-bottom: 10px; + } + .projectIntroductionCon{ + width: 70%; + margin-left: 30px; + } + .mainCon{ + width: 100%; + padding: 0 60px; + } + .conNav{ + left: 60px; + } + .text{ + width: calc(100% - 250px); + max-width: 954px; + margin-left: 250px; + } + .aboutUs>img{ + object-fit:contain; + width: 45%; + z-index: 6; + } + + .aboutUsText{ + width: 70%; + margin: 0px; + } + .honoraryCertificateCon{ + width: calc(100% - 250px); + max-width: 954px; + margin-left: 250px; + } + .honoraryCertificateCon>.list{ + width: 700px; + } +} + +@media screen and (max-width:1320px){ + .projectIntroductionDetails { + width: 400px; + } +} +@media screen and (max-width:1020px){ + .wellKnownProductsNav{ + display: flex; + justify-content: space-between; + + } + .make{ + display: block; + } + .navLsit>a>.make{ + display: block; + position:static ; + background-color: rgba(0,0,0,0); + } + .navLsit>a>.make>:nth-child(1){ + display: none; + } + .nav{ + overflow-x: auto; + padding-bottom: 120px; + } + .navLsit>a>.make>a{ + background-color: rgba(0,0,0,0); + margin-top: 15px; + } + .navIpd{ + left: auto; + right: -250px; + background-color: rgba(0,0,0,1); + } + .projectIntroductionCon{ + padding-top: 20px; + } + .projectIntroductionJt{ + display: flex; + justify-content: center; + } + + .projectIntroductionJt>a{ + margin-left: 14px; + } + .projectIntroductionNav{ + height: 70px; + text-align: center; + } + .projectIntroductionList>div>:nth-child(1){ + margin-bottom: 60px; + } + .projectIntroductionNavButton{ + display: block; + width: 30px; + margin: auto; + + } + .projectIntroductionNavButton{ + position: absolute; + bottom: 0px; + left: 50%; + margin-left: -15px; + } + .projectIntroductionNavButton img{ + width: 100%; + } + .projectIntroductionDetails{ + margin-top: 30px; + } + .projectIntroductionDetails+.projectIntroductionConMain{ + height: auto; + } + .projectIntroductionDetails { + width: 100%; + margin-left: 0px; + } + .navCon{ + position: fixed; + right: 20px; + top: 20px; + z-index: 20; + } + .navCon p{ + width: 30px; + height: 3px; + margin-bottom: 6px; + background-color: #000; + } + .navIpd{ + position: fixed; + right: -250px; + z-index: 30; + transition: all 1s; + top: 0px; + + } + .swiperImg{ + width: 60px; + height:60px; + } + .siteImage .listImg{ + width: 90%; + } + .projectIntroductionCon .title{ + font-size: 24px; + + } + .engineeringNavList{ + display: flex; + justify-content: space-between; + } + .engineering .list{ + display: block; + text-align: center; + height: auto; + padding: 10px; + + } + .engineering .list p{ + font-size: 14px; + } + .engineering .list p{ + width: auto; + padding: 20px 0px; + } + .engineering .list div{ + width: 100%; + text-align: center; + overflow: hidden; + } + .engineeringNavList .list{ + width: 23%; + } + .engineering .list div img{ + display: block; + margin: auto; + } + .engineeringNavButton{ + width: 100%; + } + .engineeringCon{ + margin-top: 20px; + } + .engineeringConText{ + width: 100%; + } + .honoraryCertificate .title{ + font-size: 24px; + } + .engineering{ + flex-direction: column-reverse; + } + .serviceConcept{ + width: 100%; + } + .projectIntroductionCon{ + margin-left: 0px; + } + .projectIntroductionCon{ + width: 100%; + } + .InterviewTitle{ + margin-left: 0px; + } + .Interview{ + padding-left: 0px; + margin-right: 0px; + } + .h100{ + min-height: 100vh; + } + .main{ + height: auto; + padding-bottom: 80px; + } + .honoraryCertificate{ + width: 100%; + } + + .honoraryCertificateCon{ + margin: 0px; + width: 100%; + } + .honoraryCertificateCon>.list{ + width: 100%; + } + .text{ + margin-left: 0px; + } + .indexBrandCon .contentPage{ + width: 100%; + height: auto; + } + .indexBrandCon .indexBrandNav{ + display: block; + width: auto; + } + .main .con{ + height: auto; + } + .main{ + min-height: 100vh; + } + .returnIndex { + position: fixed; + right: 16px; + bottom: 130px; + z-index: 15; + } + + .contentPage{ + height: auto; + } + .text{ + width: 100%; + } + .contentPageC .title{ + font-size: 24px; + margin-bottom: 20px; + } + .Interview .title{ + font-size: 24px; + } + .contentPage .subtitle{ + font-size: 18px; + } + .contentPage .p{ + font-size: 14px; + } + .mainCon{ + width: 100%; + padding: 0 15px; + padding-top: 60px; + } + .projectIntroduction{ + display: block; + } +} + +@media screen and (max-width:768px){ + + .contactUsTel{ + display: block; + } + .wx { + width: 100%; + justify-content: space-between; + } + .wx>div{ + margin-left: 0px; + } + .swiperImg{ + width: 60px; + height:60px; + } + .siteImageButton{ + padding: 20px ; + } + .wellKnownProducts{ + display: block; + } + .serviceConcept .list{ + width: 49%; + } + .projectIntroduction{ + display: block; + } + .wellKnownProductsText{ + width: 100%; + } + .projectIntroductionConMain { + margin-left: 0px; + margin-top: 20px; + height: auto; + + } + .aboutUs>img{ + left: 0px; + margin-right: 20px; + } + .text { + height: auto; + padding: 20px 20px 80px 20px; + } + .contentPage{ + padding-right: 0px; + } + .indexBrandCon{ + display: block; + } +} +@media screen and (max-width:568px){ + .wx>div{ + width: 49%; + } + .wx>div img{ + width: 100%; + } + .swiperImg{ + width: 40px; + height: 40px; + } + .engineering .list div{ + height: 50px; + } + .serviceConcept .list{ + width: 100%; + } + .InterviewSwiper .lisiImg{ + height: auto; + } + .Interview .swiper{ + width: 280px; + } + .aboutUs{ + display: block; + } + .aboutUs>img{ + width: 100%; + margin: 0px; + } + .honoraryCertificateCon>.list .listTitle{ + margin: 0px; + margin-top: 20px; + } + .honoraryCertificateCon>.list img { + display: block; + margin: auto; + } + .honoraryCertificateCon>.list{ + display: block; + text-align: center; + height: auto; + } + .honoraryCertificateCon>.list .listText{ + margin: 0px; + margin-top: 20px; + } +} +@keyframes myfirst +{ + 0% { + margin-left: 100px; + opacity: 0; + } + 50%{ + margin-left: 100px; + opacity: 0; + } + 100% { + margin-left: 0px; + opacity: 1; + } +} +@keyframes myfirsta +{ + from { + margin-top: 200px; + opacity: 0; + } + to { + margin-top: 65px; + opacity: 1; + } +} +@keyframes myfirstTe +{ + from { + margin-top: 100vh; + opacity: 0; + } + to { + margin-top: 0px; + opacity: 1; + } +} +@keyframes myfirste +{ + from { + padding-top: 100vh; + opacity: 0; + } + to { + padding-top: 30px; + opacity: 1; + } +} + +@keyframes projectConMainmyfirs +{ + from { + padding-top: 100%; + opacity: 0; + } + to { + padding-top: 0px; + opacity: 1; + } +} \ No newline at end of file diff --git a/css/swiper.min.css b/css/swiper.min.css new file mode 100644 index 0000000..b477f31 --- /dev/null +++ b/css/swiper.min.css @@ -0,0 +1,12 @@ +/** + * Swiper 4.4.1 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * http://www.idangero.us/swiper/ + * + * Copyright 2014-2018 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: September 14, 2018 + */ +.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} \ No newline at end of file diff --git a/htmls/Interview.html b/htmls/Interview.html new file mode 100644 index 0000000..34e0b10 --- /dev/null +++ b/htmls/Interview.html @@ -0,0 +1,181 @@ + + + +
+ + + + + + + + + + + + +人物專訪
+人物專訪標題文字後台上傳人物專訪標題文字後台上傳
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構 +
+關於Allen Zhou
+Allen Zhou
+執行副總裁
+管理合夥人
+設計總監
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構, +
+名品軟裝
+专注为您量需定制更优生活方式
++ 成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人別墅、樣板房、高級會所、精品酒店及商業空間,實行多對一的全程托管式服務模式,令您盡享尊貴專屬服務;同時我們秉承「與時俱進、開拓創新」的發展思路,進一步整合資源,學習先進設計理念,強調工藝和材料研發不斷延展,完善服務產業鏈,提升綜合水平,打造設計、施工、主材選購、軟裝搭配、售後服務於一體的完善服務體系,為大客戶打造更高品位,更具個性、更高品質家居、公共裝飾工程。推動企業向一體化、產業化、品牌化、集團化方向發展,引領行業發展新潮流。 +
+成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人
+ +联系我们
+公司地址:
+四川省成都市環球中心西W6區7樓713
+座機電話:
+400 028 0558
+郵箱地址:
+222222222222@163.com
+微信公众号
+微信公众号
+留言
+ +盛堂世家設計機構
+品牌豪宅室內設計機構之一
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構 +
+ +盛堂世家設計機構
+品牌豪宅室內設計機構之一
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構 +
+ +盛堂世家設計機構
+品牌豪宅室內設計機構之一
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構 +
+ +盛堂世家設計機構
+品牌豪宅室內設計機構之一
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構 +
+ +資質榮譽
+2021
+工程設計資質證書
+2021
+工程設計資質證書
+2021
+工程設計資質證書
+2021
+工程設計資質證書
+华夏艺术网于1998年开通,是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过多年来不间断的运营发展,已成为国内知名的艺术类门户网站。华夏艺术网为艺术家、艺术行业单位构建了艺术信息的交流平台,吸引了来自全国各地的艺术家及艺术机构加盟。通过网络信息技术手段,不断加强与社会各界的合作,与广大艺术家及画廊、拍卖行、收藏家、艺术团体建立起了业务联系,架起了艺术家与艺术市场之间的桥梁。
+谭朝晖,斋号“净砚斋”。原为空军某企业党委干部,曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网,2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长,成都市画廊协会副会长,成都惠民职工画院理事长兼秘书长,成都市版权协会副会长,成都市阅读协会理事,成都市人民对外友好协会理事,四川省文化产业商会常务理事。
+谭朝晖与著名画家任重先生合影。华夏艺术网在2000-2004年期间成功代理任重先生作品,在国内艺术市场有较大影响。
+图片展示
+名品軟裝
+【盛堂世家】下辖企业
+成都盛堂世家装饰工程有限公司
+盛堂世家·空间美学馆
+盛堂世家·名品软装
+四川三鼎联创贸易有限公司
+专注为您量需定制更优生活方式
++ 成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人別墅、樣板房、高級會所、精品酒店及商業空間,實行多對一的全程托管式服務模式,令您盡享尊貴專屬服務;同時我們秉承「與時俱進、開拓創新」的發展思路,進一步整合資源,學習先進設計理念,強調工藝和材料研發不斷延展,完善服務產業鏈,提升綜合水平,打造設計、施工、主材選購、軟裝搭配、售後服務於一體的完善服務體系,為大客戶打造更高品位,更具個性、更高品質家居、公共裝飾工程。推動企業向一體化、產業化、品牌化、集團化方向發展,引領行業發展新潮流。 +
+成都盛堂世家裝飾工程有限公司專職為高端品質客戶、地產商、酒店投資商提供整體規劃設計與施工,陳設搭配等配套服務。設計範疇遍及私人
+開元集團光霧合谷酒店
+釋玥森林度假酒店
+樂山.清水荷花素食餐廳
+巴中通江主題酒店
+甘南州臨潭縣臨潭大酒店
+南部銘流主題酒店
+長城國際酒店
+康普雷斯國際酒店
+紅原羅布林卡酒店
+新疆庫爾勒金泰國際酒店
+烏魯木齊天成國際酒店
+長城國際酒店
+康普雷斯國際酒店
+寬窄巷子.天趣.紫園
+釋玥森林度假酒店
++ 專職為高品質業主、地產商、精品酒店,商業綜合體,企業大廈提供建築設計,室內外裝飾設計,園林景觀,家居,軟裝藝術配飾,機電設備,燈光,標識,藝術品等全案設計定製。實行多對一的全程托管服務模式。名稱起源:「盛堂世家」代表了一個高端群體,也正是這個群體對於「家」所承載的責任和所能傳承的文化,盛堂世家就是專業服務於這樣一個群體的機構。 +
+名品軟裝
+90%+ · 設計還原
+90% + · design restoration
+風格定向,產品預選
+真實產品建模,有的放矢
+90%+ · 設計還原
+90% + · design restoration
+風格定向,產品預選
+真實產品建模,有的放矢
+整體交付 · 施工提速30%
+Overall delivery and construction speed up by 30%
+材料到施工無縫對接
+專業訂單中心,項目經理負責製
+甄選全球 · 一線大牌
+Select global and first-line brands
+產品優中選優
+高質優價高顏好物
+損耗全包節省20%成本
+20% cost savings for all losses
+所需材料滿配滿含
+切割損耗優選承擔
+全責售後 · 服務終身
+Full responsibility after-sales and lifelong service
+拒絕推諉扯皮
+主材施工,一站保修
+工程工藝
+9?Y3KR-*+Ft
zPk#ImC=>3!>;1Uv?hoLhhaScK-~Az&d)#%``*8Q&cj3{W{R02^kN+Ff=@_5?+&%b%
zEB*lA_~y6q@FPFNtvA0D_uTUty!i5~_~IA8g120J93TJKT{yC~hS6jbD=RDL7M=Q}
zSn+*C^QK$sniVc;yNVs(yPYLIKl3d)8fBSZnb*0~8Qhm^{^foUZ}6WgjfEEbqR|^h
zW}r8H%y7mKXdr$Xqkk?vMs16=%}u=W@=JL5!5?F`zlZgWEsQ54q$caQ7`bWCcRkwC
z2u;pNDWU5-%w`LvO`u5`D=Vw$x(-0XcsfSkEwGq(wL7I?JRV_Xx{AZuAxht4b@d2F
z;}PbI4)gf}rJI9o{`wy6c#P?IjNCM6ClkyM=UB`RfZTwR#4;9L2P8s638^78sX=PQ
zk5~E*i(auz0h*>kuX3jEd*s|=I-TN`*IvizGuzl$TgO#bU4`6a^nDMMB5SAm!R#cY
z1R@5NjJ|YOI1Px@D5aojGe)CEWG6#;%&-km?V)I+DQy6l&lh5mEAF3;M`)S^hT>5o
zbbTlNWLfvV^e{h5QF%m(&=B07l}igIqY+ZhAZpYW=}`(}Hk+Z89yw*P6~RcUK`D&V
zcRF{B@u bG5q$z+7nXV2lt>JiDbcMzfT#f~$=7+vb<
z+| _+N<
zxmLKXO!1rO^!*l2(i9+u@7e>A=PvHVaEgL@a7s5ZxVma5iNTn6%BG$ObnG}TowI4i
z3t~mlEWW8vGqF2g8-=SJ4LnTd41;AeFX;3K6cT-as~(4S8`;21bgoa!L^9M*s#=8s
z?d6K;BJXx6wV9JJ$bYV_Rj`!4Lk$g@Lv+ZR6THqH<^%A^cnp&EI)bkQFIGFSjd~EK
zu*q(1v6MeBhAXSF8LNI%i#kxyfita`w%ofXV@rv)BL54%#V8b|7M5*w4FAWJ1O=_#
zHARjMYrEia$6mS%_?#ujy}rzmcF>F2Z0xTpV8K@0LQu4td+*K;!Pu%ixkKsLuSzVf
zK7GYko0T!n^xz c
z#)?i;$t2bqYKO8j>+E1`Xaf8($Sc8=h;O-tl|JF{oG%Eg
z{z&q#!tVDE<35N1WD%U|N3x4I5Dg@u0hlGgP_0Cs#7v3wWw4*sx-*@{p~3y~7lY1z
zMg8qD=zd<5mq~HDy}!tM%7?dyly!d%a){Ly$?FsZi?;1_MJYl
z)IQN*EleK{oRkRTKv4P0Llhope;Wk1KH3f}n
NY4cqaJw0;KEr`)O7frbGhc5RPpVayau@tB&Vx$2HGUBu4O5n0_
zdjM0}+fIIhG$^BdD{%L=wHTC*Kh*llRqprxE{Tf9_Dkf{W!jlGwA6nVZ`2;xc>l`f
zh@{wWnFl7VYd{S+LkDUy9QKB66o7?H4km+{>tJX@HcZDXc!u`m5(_p#lQGKxzRS^!
z5tVS62xXfIWEGr{lp2ANfy6MR$#ZZ#<+6;JF*4TI5q)
XyT(2hayh*mG|TPg&RZRrwRIZTp>h`zaR)@Bs;8|BJOn
z&+SGJ#`L{))$a{QVm?pj`$Bl^y!gN0`8@$XfgfO`-GClXppPRorkqDLdi_hp>
z+-d0Y9li(|*6Q|ZI2Y<03pw}nrsL8Br_F51YMwm%R1!FrI-&UpoCb;W*16+&-BS7@
zrt9_vm@l7KJf7XI!2JpfLJEtY#QsJ1&Jn??bT*y})FT4%54gVm4heV0JA@MQU48U^
zfS(w8(GQw9S;97Kp?b`Wukq?CZ;QM|@Q6NcJ1IrK#fO23*AI{WVo#Z@-3wgp=YQ+f
zTc_zwWJr&6l{`vIfxI;KH9DDPB`fae#;C`$dU|29gr!}1sq39OQtvf_JQWZ@FDqYR
zO{W}aM3NgJgtsh2m^o6@-Sb_}^_Q#WM2WN@Pm_#pRr=Q2R=HE_nIiFscas#xe%38G
zp4Md4T~!d0shazxxs{(<&1`5WQ~(DQ3|0hZEUqB>QBxasiEDGyIH`Ir!DN!}#!TQl
z4s7Xvq}4{NX*=(?iGixkL36H1QQ^{a3cX~coii8Rn1w$NzBPQ|E41Zx5^XhH970MX
z3u)#no7vzfSa>zv1(5Lt!D;SnRN