init
This commit is contained in:
unknown
1742
package-lock.json
generated
1742
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -10,6 +10,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"bootstrap": "^3.3.7",
|
"bootstrap": "^3.3.7",
|
||||||
"es6-promise": "^4.2.5",
|
"es6-promise": "^4.2.5",
|
||||||
|
"jquery": "^3.5.1",
|
||||||
"vue": "^2.5.17",
|
"vue": "^2.5.17",
|
||||||
"vue-awesome-swiper": "^3.1.3",
|
"vue-awesome-swiper": "^3.1.3",
|
||||||
"vue-router": "^3.0.1",
|
"vue-router": "^3.0.1",
|
||||||
@@ -17,9 +18,13 @@
|
|||||||
"vuex": "^3.0.1"
|
"vuex": "^3.0.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@typescript-eslint/eslint-plugin": "^4.9.1",
|
||||||
|
"@typescript-eslint/parser": "^4.9.1",
|
||||||
"@vue/cli-plugin-babel": "^3.0.3",
|
"@vue/cli-plugin-babel": "^3.0.3",
|
||||||
"@vue/cli-plugin-eslint": "^3.0.3",
|
"@vue/cli-plugin-eslint": "^3.0.3",
|
||||||
"@vue/cli-service": "^3.0.3",
|
"@vue/cli-service": "^3.0.3",
|
||||||
|
"eslint": "^7.15.0",
|
||||||
|
"eslint-plugin-vue": "^7.2.0",
|
||||||
"vue-template-compiler": "^2.5.17"
|
"vue-template-compiler": "^2.5.17"
|
||||||
},
|
},
|
||||||
"eslintConfig": {
|
"eslintConfig": {
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 283 B |
@@ -1,17 +1,17 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<title>上海丙维科技有限公司</title>
|
<title>上海丙维科技有限公司</title>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
|
||||||
<div id="app"></div>
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
BIN
public/三维.mp4
Normal file
BIN
public/三维.mp4
Normal file
Binary file not shown.
BIN
public/超广角设备.pdf
Normal file
BIN
public/超广角设备.pdf
Normal file
Binary file not shown.
@@ -1,9 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="app">
|
<div id="app">
|
||||||
<router-view/>
|
<router-view />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
mounted() {},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -9,7 +9,6 @@
|
|||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: ProximaNova;
|
font-family: ProximaNova;
|
||||||
src: url("./font/ProximaNova-Regular.otf")
|
src: url("./font/ProximaNova-Regular.otf")
|
||||||
@@ -32,6 +31,7 @@
|
|||||||
;
|
;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* GENERAL */
|
/* GENERAL */
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@@ -50,7 +50,6 @@ body {
|
|||||||
color: #000;
|
color: #000;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
*,
|
*,
|
||||||
@@ -165,9 +164,12 @@ h4,
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END GENERAL */
|
/* END GENERAL */
|
||||||
|
|
||||||
|
|
||||||
/* OVERLAY */
|
/* OVERLAY */
|
||||||
|
|
||||||
#screenOverlay {
|
#screenOverlay {
|
||||||
display: none;
|
display: none;
|
||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
@@ -190,7 +192,9 @@ h4,
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*FLEX CONTAINERS*/
|
/*FLEX CONTAINERS*/
|
||||||
|
|
||||||
.flexVerticalCenter {
|
.flexVerticalCenter {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -200,6 +204,7 @@ h4,
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* HEADER */
|
/* HEADER */
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
@@ -272,7 +277,6 @@ h4,
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
height: 2.5em;
|
height: 2.5em;
|
||||||
@@ -297,7 +301,6 @@ h4,
|
|||||||
.header>.content>.bottom>table>tbody>tr>td.mainMenuCell a {
|
.header>.content>.bottom>table>tbody>tr>td.mainMenuCell a {
|
||||||
/*border: 1px solid red;
|
/*border: 1px solid red;
|
||||||
padding: 0.25em;*/
|
padding: 0.25em;*/
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.languageCell {
|
.header>.content>.bottom>table>tbody>tr>td.languageCell {
|
||||||
@@ -306,12 +309,10 @@ h4,
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table.mainMenu {
|
table.mainMenu {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu a {
|
table.mainMenu a {
|
||||||
@@ -335,7 +336,6 @@ table.mainMenu>tbody>tr>td {
|
|||||||
width: auto;
|
width: auto;
|
||||||
/*max-width: 5em;*/
|
/*max-width: 5em;*/
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td span.downCaret {
|
table.mainMenu>tbody>tr>td span.downCaret {
|
||||||
@@ -349,7 +349,6 @@ table.mainMenu>tbody>tr>td span.downCaret {
|
|||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td.selected {
|
table.mainMenu>tbody>tr>td.selected {
|
||||||
box-shadow: 0 -3px 0 #2aa2d4 inset;
|
box-shadow: 0 -3px 0 #2aa2d4 inset;
|
||||||
}
|
}
|
||||||
@@ -364,6 +363,7 @@ table.mainMenu>tbody>tr>td:not(.selected):hover {
|
|||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDown {
|
table.mainMenu>tbody>tr>td>.dropDown {
|
||||||
display: none;
|
display: none;
|
||||||
|
width: 100%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
@@ -375,7 +375,6 @@ table.mainMenu>tbody>tr>td>.dropDown {
|
|||||||
padding: 1em;
|
padding: 1em;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
border-radius: 0 0 4px 4px;
|
border-radius: 0 0 4px 4px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td:hover>.dropDown {
|
table.mainMenu>tbody>tr>td:hover>.dropDown {
|
||||||
@@ -412,6 +411,7 @@ a.languageDisabled {
|
|||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*.languages .dropDown {
|
/*.languages .dropDown {
|
||||||
background: red;
|
background: red;
|
||||||
}*/
|
}*/
|
||||||
@@ -482,8 +482,6 @@ input[type="text"].search {
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.banner .carousel {
|
.banner .carousel {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
@@ -529,7 +527,6 @@ input[type="text"].search {
|
|||||||
;
|
;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox {
|
.banner .carousel>.infoBoxes>.infoBox {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -587,9 +584,7 @@ input[type="text"].search {
|
|||||||
height: 0;
|
height: 0;
|
||||||
border-top: 1em solid transparent;
|
border-top: 1em solid transparent;
|
||||||
border-bottom: 1em solid transparent;
|
border-bottom: 1em solid transparent;
|
||||||
|
|
||||||
border-left: 1em solid #2aa2d4;
|
border-left: 1em solid #2aa2d4;
|
||||||
|
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -623,7 +618,6 @@ input[type="text"].search {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl {
|
.banner .carousel>.controls>.directionControls>.directionControl {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -711,7 +705,6 @@ input[type="text"].search {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollToContentWrapper>a.scrollToContent:hover {
|
.scrollToContentWrapper>a.scrollToContent:hover {
|
||||||
@@ -745,7 +738,6 @@ input[type="text"].search {
|
|||||||
width: 70%;
|
width: 70%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -762,7 +754,6 @@ input[type="text"].search {
|
|||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
@@ -774,8 +765,6 @@ input[type="text"].search {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.pageBoxes .box>.boxTableHeader {
|
.pageBoxes .box>.boxTableHeader {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 22%;
|
height: 22%;
|
||||||
@@ -787,7 +776,6 @@ input[type="text"].search {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -837,6 +825,7 @@ input[type="text"].search {
|
|||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
|
||||||
/* COOKIES COMPLIANCE - OVERRIDE DEFAULT STYLES */
|
/* COOKIES COMPLIANCE - OVERRIDE DEFAULT STYLES */
|
||||||
|
|
||||||
.cc-window {
|
.cc-window {
|
||||||
@@ -892,7 +881,6 @@ input[type="text"].search {
|
|||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.footer>.row1 table.footerTable table.addressTable {
|
.footer>.row1 table.footerTable table.addressTable {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/*table-layout:fixed;*/
|
/*table-layout:fixed;*/
|
||||||
@@ -966,9 +954,12 @@ input[type="text"].search {
|
|||||||
background-color: #22323b;
|
background-color: #22323b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END FOOTER */
|
/* END FOOTER */
|
||||||
|
|
||||||
|
|
||||||
/* FORMS */
|
/* FORMS */
|
||||||
|
|
||||||
#forms {
|
#forms {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1002,7 +993,6 @@ input[type="text"].search {
|
|||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.875em;
|
font-size: 0.875em;
|
||||||
|
|
||||||
/*-webkit-box-sizing: border-box;
|
/*-webkit-box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;*/
|
box-sizing: border-box;*/
|
||||||
@@ -1040,13 +1030,11 @@ input[type="text"].search {
|
|||||||
|
|
||||||
#forms>.formContainer form input[type="text"] {
|
#forms>.formContainer form input[type="text"] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>.formContainer form textarea {
|
#forms>.formContainer form textarea {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
font-family: ProximaNova, Arial, sans-serif;
|
font-family: ProximaNova, Arial, sans-serif;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
resize: none;
|
resize: none;
|
||||||
@@ -1078,15 +1066,19 @@ input[type="text"].search {
|
|||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SUPPORT FORM */
|
/* SUPPORT FORM */
|
||||||
|
|
||||||
#forms>#formSupportContainer {
|
#forms>#formSupportContainer {
|
||||||
display: none;
|
display: none;
|
||||||
width: 40%;
|
width: 40%;
|
||||||
padding: 2.5em 4em;
|
padding: 2.5em 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END SUPPORT FORM */
|
/* END SUPPORT FORM */
|
||||||
|
|
||||||
|
|
||||||
/* CONTACT FORM */
|
/* CONTACT FORM */
|
||||||
|
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
@@ -1137,7 +1129,9 @@ input[type="text"].search {
|
|||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* LOCATION */
|
/* LOCATION */
|
||||||
|
|
||||||
#forms>#formContactContainer .ourLocation {
|
#forms>#formContactContainer .ourLocation {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
@@ -1176,16 +1170,22 @@ input[type="text"].search {
|
|||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END LOCATION */
|
/* END LOCATION */
|
||||||
|
|
||||||
|
|
||||||
/* END CONTACT FORM */
|
/* END CONTACT FORM */
|
||||||
|
|
||||||
|
|
||||||
/* END FORMS */
|
/* END FORMS */
|
||||||
|
|
||||||
/* DESKTOP */
|
|
||||||
|
|
||||||
/* DESKTOP */
|
/* DESKTOP */
|
||||||
|
|
||||||
|
|
||||||
|
/* DESKTOP */
|
||||||
|
|
||||||
|
|
||||||
/* MOBILE */
|
/* MOBILE */
|
||||||
|
|
||||||
#mobile_indicator,
|
#mobile_indicator,
|
||||||
@@ -1197,7 +1197,9 @@ input[type="text"].search {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* MOBILE MENUS */
|
/* MOBILE MENUS */
|
||||||
|
|
||||||
.headerMobileMenu {
|
.headerMobileMenu {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1269,11 +1271,15 @@ input[type="text"].search {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END MOBILE MENU */
|
/* END MOBILE MENU */
|
||||||
|
|
||||||
|
|
||||||
/* END MOBILE */
|
/* END MOBILE */
|
||||||
|
|
||||||
|
|
||||||
/* GOOGLE MAPS */
|
/* GOOGLE MAPS */
|
||||||
|
|
||||||
div.googleMap {
|
div.googleMap {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -1288,7 +1294,9 @@ div.googleMap {
|
|||||||
/* Fix for transition flickering */
|
/* Fix for transition flickering */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* MEDIA QUERIES */
|
/* MEDIA QUERIES */
|
||||||
|
|
||||||
@media only screen and (max-width: 1700px) {
|
@media only screen and (max-width: 1700px) {
|
||||||
/*.banner {
|
/*.banner {
|
||||||
padding-top: 36%;
|
padding-top: 36%;
|
||||||
@@ -1296,215 +1304,165 @@ div.googleMap {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1600px) {
|
@media only screen and (max-width: 1600px) {
|
||||||
|
|
||||||
.pageWidth {
|
.pageWidth {
|
||||||
padding-left: 2.5em;
|
padding-left: 2.5em;
|
||||||
padding-right: 2.5em;
|
padding-right: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -4em;
|
margin-left: -4em;
|
||||||
}
|
}
|
||||||
|
.banner {}
|
||||||
.banner {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer>.row1 .aaaWrapper>img.aaa {
|
.footer>.row1 .aaaWrapper>img.aaa {
|
||||||
width: 6em;
|
width: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formSupportContainer {
|
#forms>#formSupportContainer {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
padding: 2.5em 4em;
|
padding: 2.5em 4em;
|
||||||
background: white;
|
background: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||||
padding: 0 4em;
|
padding: 0 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
height: 20em;
|
height: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainMenu .h2:hover .dropDown {
|
.mainMenu .h2:hover .dropDown {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1500px) {
|
@media only screen and (max-width: 1500px) {
|
||||||
|
|
||||||
table.mainMenu {
|
table.mainMenu {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -3.5em;
|
margin-left: -3.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
height: 2.25em;
|
height: 2.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 0em;
|
margin-top: 0em;
|
||||||
height: 2em;
|
height: 2em;
|
||||||
}
|
}
|
||||||
|
.banner {}
|
||||||
.banner {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SMALLER LAPTOPS */
|
|
||||||
@media only screen and (max-width: 1400px) {
|
|
||||||
|
|
||||||
|
/* SMALLER LAPTOPS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1400px) {
|
||||||
table.mainMenu {
|
table.mainMenu {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -4em;
|
margin-left: -4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
height: 20em;
|
height: 20em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SMALLER LAPTOPS */
|
|
||||||
@media only screen and (max-width: 1200px) {
|
|
||||||
|
|
||||||
|
/* SMALLER LAPTOPS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1200px) {
|
||||||
.footer>.row1 table.footerTable {
|
.footer>.row1 table.footerTable {
|
||||||
padding-left: 6em;
|
padding-left: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 .aaaWrapper>img.aaa {
|
.footer>.row1 .aaaWrapper>img.aaa {
|
||||||
width: 5em;
|
width: 5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu {
|
table.mainMenu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -4.5em;
|
margin-left: -4.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageWidth {
|
.pageWidth {
|
||||||
padding-left: 2em;
|
padding-left: 2em;
|
||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formSupportContainer {
|
#forms>#formSupportContainer {
|
||||||
width: 60%;
|
width: 60%;
|
||||||
padding: 2.5em 4em;
|
padding: 2.5em 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||||
padding: 0 3em;
|
padding: 0 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||||
.contentPage .bannerBox .bannerBoxTitle {
|
.contentPage .bannerBox .bannerBoxTitle {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent {
|
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent {
|
||||||
padding-left: 20%;
|
padding-left: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 85%;
|
width: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
height: 16em;
|
height: 16em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1080px) {
|
@media only screen and (max-width: 1080px) {
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -3.5em;
|
margin-left: -3.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainMenu .h2 {
|
.mainMenu .h2 {
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {
|
@media only screen and (max-width: 992px) {
|
||||||
|
|
||||||
.footer>.row1 table.footerTable {
|
.footer>.row1 table.footerTable {
|
||||||
padding-left: 4em;
|
padding-left: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.mainMenuCell {
|
td.mainMenuCell {
|
||||||
padding-left: 4em;
|
padding-left: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.mainMenu>tbody>tr>td>.dropDownRight {
|
table.mainMenu>tbody>tr>td>.dropDownRight {
|
||||||
margin-left: -4.5em;
|
margin-left: -4.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .smallDesktop {
|
/* .smallDesktop {
|
||||||
display: none;
|
display: none;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
h2,
|
h2,
|
||||||
.h2 {
|
.h2 {
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bread {
|
.bread {
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageWidth {
|
.pageWidth {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header.mini>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 0em;
|
margin-top: 0em;
|
||||||
height: 1.75em;
|
height: 1.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .header > .content > .bottom > table > tbody > tr > td.logoCell > a {
|
/* .header > .content > .bottom > table > tbody > tr > td.logoCell > a {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -1512,16 +1470,13 @@ div.googleMap {
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
#forms>#formSupportContainer {
|
#forms>#formSupportContainer {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
padding: 2.5em 4em;
|
padding: 2.5em 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>.formContainer form input[type="submit"] {
|
#forms>.formContainer form input[type="submit"] {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -1530,158 +1485,126 @@ div.googleMap {
|
|||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms #formSupport {
|
#forms #formSupport {
|
||||||
padding-bottom: 2.5em;
|
padding-bottom: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||||
.contentPage .bannerBox .bannerBoxTitle {
|
.contentPage .bannerBox .bannerBoxTitle {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
||||||
margin-right: 10%;
|
margin-right: 10%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl.previous {
|
.banner .carousel>.controls>.directionControls>.directionControl.previous {
|
||||||
left: -.5em;
|
left: -.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl.next {
|
.banner .carousel>.controls>.directionControls>.directionControl.next {
|
||||||
right: -.5em;
|
right: -.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
||||||
height: 2.5em;
|
height: 2.5em;
|
||||||
padding: 0.85em 1.5em;
|
padding: 0.85em 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* LARGE TABLETS */
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
|
|
||||||
|
/* LARGE TABLETS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
.desktop {
|
.desktop {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile {
|
.mobile {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mobile_indicator {
|
#mobile_indicator {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageWidth {
|
.pageWidth {
|
||||||
padding-left: 1.5em;
|
padding-left: 1.5em;
|
||||||
padding-right: 1.5em;
|
padding-right: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.top {
|
.header>.content>.top {
|
||||||
height: 2em;
|
height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inlineTextPhoneIcon {
|
.inlineTextPhoneIcon {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerPhoneNumber {
|
.headerPhoneNumber {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerEmail {
|
.headerEmail {
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom {
|
.header>.content>.bottom {
|
||||||
height: 3em;
|
height: 3em;
|
||||||
margin-top: 0.5em;
|
margin-top: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell {
|
||||||
width: 10em;
|
width: 10em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-top: 0em;
|
margin-top: 0em;
|
||||||
margin-bottom: 0.5em;
|
margin-bottom: 0.5em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
/*background: pink;*/
|
/*background: pink;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 1.8em;
|
height: 1.8em;
|
||||||
margin-right: 1.8em;
|
margin-right: 1.8em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
||||||
height: 1.4em;
|
height: 1.4em;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background: #22323b;
|
background: #22323b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||||
margin-bottom: 2.0em;
|
margin-bottom: 2.0em;
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.footer>.row1 table.footerTable>tbody>tr>td.stackable {
|
.footer>.row1 table.footerTable>tbody>tr>td.stackable {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.footer>.row1 table.footerTable td.quickLinksContainer {
|
.footer>.row1 table.footerTable td.quickLinksContainer {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row2 {
|
.footer>.row2 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
background-color: #22323b;
|
background-color: #22323b;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formSupportContainer {
|
#forms>#formSupportContainer {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
padding: 2.5em 4em;
|
padding: 2.5em 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
padding: 3em 0;
|
padding: 3em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>.formContainer>span.btnQuitForm {
|
#forms>.formContainer>span.btnQuitForm {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
@@ -1690,17 +1613,14 @@ div.googleMap {
|
|||||||
right: 0.8em;
|
right: 0.8em;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
margin-top: 5.6em;
|
margin-top: 5.6em;
|
||||||
margin-bottom: 3em;
|
margin-bottom: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||||
.contentPage .bannerBox .bannerBoxTitle {
|
.contentPage .bannerBox .bannerBoxTitle {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
||||||
#mobileInfoBoxes .triangleRight,
|
#mobileInfoBoxes .triangleRight,
|
||||||
.contentPage .bannerBox .triangleRight {
|
.contentPage .bannerBox .triangleRight {
|
||||||
@@ -1709,31 +1629,24 @@ div.googleMap {
|
|||||||
border-left: 0.6em solid #2aa2d4;
|
border-left: 0.6em solid #2aa2d4;
|
||||||
margin-right: 0.6em;
|
margin-right: 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
.banner .carousel>.infoBoxes>.fromLeft>div.infoBoxContent>div.bread {
|
||||||
margin-right: 5%;
|
margin-right: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer {
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer {
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer>.linkSeeMore {
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.seeMoreContainer>.linkSeeMore {
|
||||||
padding: 0.6em 1.2em;
|
padding: 0.6em 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scrollToContentWrapper {
|
.scrollToContentWrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.dotControls {
|
.banner .carousel>.controls>.dotControls {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
width: 42%;
|
width: 42%;
|
||||||
height: 16em;
|
height: 16em;
|
||||||
@@ -1741,54 +1654,45 @@ div.googleMap {
|
|||||||
margin-right: 3%;
|
margin-right: 3%;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
.banner .carousel>.controls>.directionControls>.directionControl>img {
|
||||||
height: 2.125em;
|
height: 2.125em;
|
||||||
padding: 0.85em 1.5em;
|
padding: 0.85em 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SMALL TABLETS */
|
|
||||||
@media only screen and (max-width: 620px) {
|
|
||||||
|
|
||||||
|
/* SMALL TABLETS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 620px) {
|
||||||
.headerMobileMenu>div.menuDummy {
|
.headerMobileMenu>div.menuDummy {
|
||||||
width: 0;
|
width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerMobileMenu>div.menuContent {
|
.headerMobileMenu>div.menuContent {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formSupportContainer,
|
#forms>#formSupportContainer,
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
padding: 2.5em 2em;
|
padding: 2.5em 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
padding: 0 1em 6em 1em;
|
padding: 0 1em 6em 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn:first-child {
|
#forms>#formContactContainer>table.contactTable>tbody>tr>td.contactColumn:first-child {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.infoBoxTitle,
|
||||||
#mobileInfoBoxes .infoBoxTitle,
|
#mobileInfoBoxes .infoBoxTitle,
|
||||||
.contentPage .bannerBox .bannerBoxTitle {
|
.contentPage .bannerBox .bannerBoxTitle {
|
||||||
font-size: 1.25em;
|
font-size: 1.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
.banner .carousel>.infoBoxes>.infoBox>div.infoBoxContent>.infoBoxHead>.triangleRight,
|
||||||
#mobileInfoBoxes .triangleRight,
|
#mobileInfoBoxes .triangleRight,
|
||||||
.contentPage .bannerBox .triangleRight {
|
.contentPage .bannerBox .triangleRight {
|
||||||
@@ -1797,11 +1701,9 @@ div.googleMap {
|
|||||||
border-left: 0.6em solid #2aa2d4;
|
border-left: 0.6em solid #2aa2d4;
|
||||||
margin-right: 0.6em;
|
margin-right: 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
width: 45%;
|
width: 45%;
|
||||||
height: 16em;
|
height: 16em;
|
||||||
@@ -1809,166 +1711,134 @@ div.googleMap {
|
|||||||
margin-right: 2%;
|
margin-right: 2%;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 480px) {
|
@media only screen and (max-width: 480px) {
|
||||||
|
|
||||||
.pageWidth {
|
.pageWidth {
|
||||||
padding-left: 0.5em;
|
padding-left: 0.5em;
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#phone_indicator {
|
#phone_indicator {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.top {
|
.header>.content>.top {
|
||||||
height: 1.8em;
|
height: 1.8em;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
.header>.content>.top>.content>table>tbody>tr>td.contact {
|
||||||
font-size: 1.0em;
|
font-size: 1.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inlineTextIcon {
|
.inlineTextIcon {
|
||||||
height: 0.7em;
|
height: 0.7em;
|
||||||
top: 0.1em;
|
top: 0.1em;
|
||||||
margin-right: 0.2em;
|
margin-right: 0.2em;
|
||||||
margin-left: 0.1em;
|
margin-left: 0.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inlineTextPhoneIcon {
|
.inlineTextPhoneIcon {
|
||||||
height: 0.825em;
|
height: 0.825em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerPhoneNumber {
|
.headerPhoneNumber {
|
||||||
margin-right: 0.2em;
|
margin-right: 0.2em;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerPhoneNumber a {
|
.headerPhoneNumber a {
|
||||||
color: #2aa2d4 !important;
|
color: #2aa2d4 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerEmail {
|
.headerEmail {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom {
|
.header>.content>.bottom {
|
||||||
height: 4em;
|
height: 4em;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-left: 1em;
|
padding-left: 1em;
|
||||||
padding-right: 1em;
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .header > .content > .bottom > table > tbody > tr > td.logoCell {
|
/* .header > .content > .bottom > table > tbody > tr > td.logoCell {
|
||||||
width:8em;
|
width:8em;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
.header>.content>.bottom>table>tbody>tr>td.logoCell>.logo {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
width: 75%;
|
width: 75%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 1.6em;
|
height: 1.6em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img#mobileLanguage {
|
||||||
height: 1.3em;
|
height: 1.3em;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0.15em;
|
margin-bottom: 0.15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
.header>.content>.bottom>table>tbody>tr>td.mobileIconsCell img:last-child {
|
||||||
margin-top: 0.6em;
|
margin-top: 0.6em;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 table.footerTable>tbody>tr>td {
|
.footer>.row1 table.footerTable>tbody>tr>td {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 2.0em;
|
margin-bottom: 2.0em;
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer>.row1 table.footerTable td.quickLinksContainer {
|
.footer>.row1 table.footerTable td.quickLinksContainer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner {
|
.banner {
|
||||||
margin-top: 3.6em;
|
margin-top: 3.6em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.infoBoxes {
|
.banner .carousel>.infoBoxes {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.banner .carousel>.controls>.directionControls>.directionControl {
|
.banner .carousel>.controls>.directionControls>.directionControl {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mobileInfoBoxes {
|
#mobileInfoBoxes {
|
||||||
height: 7em;
|
height: 7em;
|
||||||
padding-top: 1.2em;
|
padding-top: 1.2em;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mobileInfoBoxes .seeMoreContainer {
|
#mobileInfoBoxes .seeMoreContainer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes {
|
.pageBoxes {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBoxes .box {
|
.pageBoxes .box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 420px) {
|
@media only screen and (max-width: 420px) {
|
||||||
|
|
||||||
.footer>.row1 table.footerTable {
|
.footer>.row1 table.footerTable {
|
||||||
padding-left: 10%;
|
padding-left: 10%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 380px) {
|
@media only screen and (max-width: 380px) {
|
||||||
|
|
||||||
.footer>.row1 table.footerTable {
|
.footer>.row1 table.footerTable {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#mobileInfoBoxes {
|
#mobileInfoBoxes {
|
||||||
height: 7.5em;
|
height: 7.5em;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#forms>#formSupportContainer,
|
#forms>#formSupportContainer,
|
||||||
#forms>#formContactContainer {
|
#forms>#formContactContainer {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
padding: 2.5em 1.5em;
|
padding: 2.5em 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 340px) {
|
@media only screen and (max-width: 340px) {
|
||||||
|
|
||||||
.footer>.row1 table.footerTable {
|
.footer>.row1 table.footerTable {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END MEDIA QUERIES */
|
/* END MEDIA QUERIES */
|
||||||
@@ -6,10 +6,10 @@
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
margin: 0 auto 0 auto;
|
margin: 0 auto 0 auto;
|
||||||
padding-top: 7em;
|
padding-top: 7em;
|
||||||
height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* CONTENT TABLES */
|
/* CONTENT TABLES */
|
||||||
|
|
||||||
.contentTableLeft {
|
.contentTableLeft {
|
||||||
@@ -27,29 +27,36 @@
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END CONTENT TABLES */
|
/* END CONTENT TABLES */
|
||||||
|
|
||||||
|
|
||||||
/* NAV SIDEBAR */
|
/* NAV SIDEBAR */
|
||||||
|
|
||||||
|
|
||||||
/* NAV BREADCRUMB */
|
/* NAV BREADCRUMB */
|
||||||
|
|
||||||
.breadcrumb {
|
.breadcrumb {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.breadcrumb > a:hover {
|
.breadcrumb>a:hover {
|
||||||
color: #737373;
|
color: #737373;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.breadcrumb>a:last-child {
|
||||||
.breadcrumb > a:last-child {
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END NAV BREADCRUMB */
|
/* END NAV BREADCRUMB */
|
||||||
|
|
||||||
|
|
||||||
/* NAV ACCORDION */
|
/* NAV ACCORDION */
|
||||||
|
|
||||||
.accordion {
|
.accordion {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -66,19 +73,19 @@
|
|||||||
background-color: #DCDCDC;
|
background-color: #DCDCDC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > .content {
|
.accordion>.content {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
padding-left: 0.2em;
|
padding-left: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li.category {
|
.accordion>ul>li.category {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 1.2em;
|
margin-bottom: 1.2em;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li.category > a.categoryHead {
|
.accordion>ul>li.category>a.categoryHead {
|
||||||
margin-bottom: 1.2em;
|
margin-bottom: 1.2em;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -89,13 +96,15 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*increase space after last item in sub lists*/
|
/*increase space after last item in sub lists*/
|
||||||
.accordion > ul > li > ul > li:last-child {
|
|
||||||
|
.accordion>ul>li>ul>li:last-child {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion a {
|
.accordion a {
|
||||||
display:block;
|
display: block;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -105,15 +114,15 @@
|
|||||||
color: #404040;
|
color: #404040;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li > ul > li > a {
|
.accordion>ul>li>ul>li>a {
|
||||||
font-size: 0.96em;
|
font-size: 0.96em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li > ul.categoryItems {
|
.accordion>ul>li>ul.categoryItems {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li > ul.categoryItems > li {
|
.accordion>ul>li>ul.categoryItems>li {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -121,13 +130,14 @@
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion > ul > li > ul.categoryItems > li > a {
|
.accordion>ul>li>ul.categoryItems>li>a {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
border-bottom: 1px solid gainsboro;
|
border-bottom: 1px solid gainsboro;
|
||||||
font-size: 1.1em !important;
|
font-size: 1.1em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*.accordion > ul > li > ul.categoryItems > li:after {
|
/*.accordion > ul > li > ul.categoryItems > li:after {
|
||||||
content: '';
|
content: '';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -137,7 +147,9 @@
|
|||||||
background: red;
|
background: red;
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
|
|
||||||
/* ACCORDION TRIANGLES */
|
/* ACCORDION TRIANGLES */
|
||||||
|
|
||||||
.triangle {
|
.triangle {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -145,12 +157,9 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
border-top: 0.5em solid transparent;
|
border-top: 0.5em solid transparent;
|
||||||
border-bottom: 0.5em solid transparent;
|
border-bottom: 0.5em solid transparent;
|
||||||
|
|
||||||
border-left: 0.5em solid #ee3224;
|
border-left: 0.5em solid #ee3224;
|
||||||
margin-top: 0.1em;
|
margin-top: 0.1em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
|
|
||||||
|
|
||||||
/*transition: .5s all;*/
|
/*transition: .5s all;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -171,7 +180,7 @@
|
|||||||
.triangleOverlay {
|
.triangleOverlay {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
right: 0;
|
||||||
top:-0.2em;
|
top: -0.2em;
|
||||||
bottom: -0.2em;
|
bottom: -0.2em;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
@@ -179,21 +188,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rotateRight {
|
.rotateRight {
|
||||||
-webkit-transform:rotate(90deg);
|
-webkit-transform: rotate(90deg);
|
||||||
transform:rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contentTableRight h1 {
|
.contentPage>.contentTable .contentTableRight h1 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contentTableRight p.contactUs {
|
.contentPage>.contentTable .contentTableRight p.contactUs {
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* MAIN PAGE BANNER */
|
/* MAIN PAGE BANNER */
|
||||||
|
|
||||||
.contentPage img.pageBanner {
|
.contentPage img.pageBanner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
@@ -203,7 +214,6 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.contentPage .contentPageBannerContainer img {
|
.contentPage .contentPageBannerContainer img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -219,6 +229,7 @@
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*.contentPage .mobileSolutions {
|
/*.contentPage .mobileSolutions {
|
||||||
background-image: url('../images/banner_page_mobile_solutions.jpg');
|
background-image: url('../images/banner_page_mobile_solutions.jpg');
|
||||||
}*/
|
}*/
|
||||||
@@ -233,7 +244,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 0;
|
left: 0;
|
||||||
transform:translate(0, -50%);
|
transform: translate(0, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline .headlineTop {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline .headlineTop {
|
||||||
@@ -273,7 +284,9 @@
|
|||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* MOBILE */
|
/* MOBILE */
|
||||||
|
|
||||||
.pageBannerMobileContainer {
|
.pageBannerMobileContainer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -289,7 +302,7 @@
|
|||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion div.mobileContent > h1 {
|
.accordion div.mobileContent>h1 {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -322,43 +335,49 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END ACCORDION MOBILE */
|
/* END ACCORDION MOBILE */
|
||||||
|
|
||||||
|
|
||||||
/* CONTACT TABLE (KONTAKTA OSS PAGE) */
|
/* CONTACT TABLE (KONTAKTA OSS PAGE) */
|
||||||
.contentPage > .contentTable .contactTable {
|
|
||||||
|
.contentPage>.contentTable .contactTable {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contactTable td img {
|
.contentPage>.contentTable .contactTable td img {
|
||||||
height: 1.2em;
|
height: 1.2em;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contactTable td a {
|
.contentPage>.contentTable .contactTable td a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contactTable h3 {
|
.contentPage>.contentTable .contactTable h3 {
|
||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* end contact table */
|
/* end contact table */
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer {
|
.contentPage>.contentTable .locationContainer {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20em;
|
height: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer > img.locationMarker {
|
.contentPage>.contentTable .locationContainer>img.locationMarker {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
-webkit-transform:translate(-50%,-50%);
|
-webkit-transform: translate(-50%, -50%);
|
||||||
transform:translate(-50%,-50%);
|
transform: translate(-50%, -50%);
|
||||||
height: 4em;
|
height: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*.contentPage > .contentTable .locationMobile img.locationMarker {
|
/*.contentPage > .contentTable .locationMobile img.locationMarker {
|
||||||
height: 1em !important;
|
height: 1em !important;
|
||||||
}*/
|
}*/
|
||||||
@@ -372,7 +391,7 @@
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer .findUs {
|
.contentPage>.contentTable .locationContainer .findUs {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 1.2em;
|
bottom: 1.2em;
|
||||||
right: 1.2em;
|
right: 1.2em;
|
||||||
@@ -380,17 +399,16 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer .findUs a {
|
.contentPage>.contentTable .locationContainer .findUs a {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer .findUs a img {
|
.contentPage>.contentTable .locationContainer .findUs a img {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
height: 6em;
|
height: 6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .locationContainer .findUs a div {
|
.contentPage>.contentTable .locationContainer .findUs a div {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0.1em;
|
bottom: 0.1em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -399,13 +417,13 @@
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contentTableRight > .seekJobWrapper {
|
.contentPage>.contentTable .contentTableRight>.seekJobWrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-top: 4em;
|
margin-top: 4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .contentTableRight a.seekJob {
|
.contentPage>.contentTable .contentTableRight a.seekJob {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #000;
|
background: #000;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
@@ -414,8 +432,10 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */
|
/* BOTTOM TWO COLUMN (FOR CUSTOMERS / CONTACT) */
|
||||||
.contentPage > .contentTable .contentTableRight .bottomTwoColumn {
|
|
||||||
|
.contentPage>.contentTable .contentTableRight .bottomTwoColumn {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -427,15 +447,15 @@
|
|||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .bottomTwoColumn div.column {
|
.contentPage>.contentTable .bottomTwoColumn div.column {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .bottomTwoColumn div.column p:first-child {
|
.contentPage>.contentTable .bottomTwoColumn div.column p:first-child {
|
||||||
margin-top: 0 !important;
|
margin-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .productCustomers .customerIcons {
|
.contentPage>.contentTable .productCustomers .customerIcons {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -444,228 +464,194 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage > .contentTable .productCustomers .customerIcons img {
|
.contentPage>.contentTable .productCustomers .customerIcons img {
|
||||||
height: 3em;
|
height: 3em;
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
|
|
||||||
|
.contentPage>.contentTable .productCustomers .customerIcons img.shorter {
|
||||||
height: 2em;
|
height: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END BOTTOM TWO COLUMN */
|
/* END BOTTOM TWO COLUMN */
|
||||||
|
|
||||||
|
|
||||||
/* MEDIA QUERIES */
|
/* MEDIA QUERIES */
|
||||||
|
|
||||||
@media only screen and (max-width: 1600px) {
|
@media only screen and (max-width: 1600px) {
|
||||||
|
|
||||||
.contentTableRight {
|
.contentTableRight {
|
||||||
padding-top: 3.5em;
|
padding-top: 3.5em;
|
||||||
padding-left: 4.0em;
|
padding-left: 4.0em;
|
||||||
padding-right: 8.0em;
|
padding-right: 8.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1500px) {
|
@media only screen and (max-width: 1500px) {
|
||||||
|
|
||||||
.contentTableRight {
|
.contentTableRight {
|
||||||
padding-top: 3.5em;
|
padding-top: 3.5em;
|
||||||
padding-left: 4.0em;
|
padding-left: 4.0em;
|
||||||
padding-right: 6.0em;
|
padding-right: 6.0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SMALL LAPTOPS */
|
|
||||||
@media only screen and (max-width: 1200px) {
|
|
||||||
|
|
||||||
|
/* SMALL LAPTOPS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 1200px) {
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bread {
|
.contentPage .contentPageBanner .bannerBox .bread {
|
||||||
width: 75%;
|
width: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableLeft {
|
.contentTableLeft {
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
padding-top: 3em;
|
padding-top: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableRight {
|
.contentTableRight {
|
||||||
padding-top: 3em;
|
padding-top: 3em;
|
||||||
padding-left: 4.0em;
|
padding-left: 4.0em;
|
||||||
padding-right: 4.0em;
|
padding-right: 4.0em;
|
||||||
}
|
}
|
||||||
|
.contentPage>.contentTable .bottomTwoColumn div.column {
|
||||||
.contentPage > .contentTable .bottomTwoColumn div.column {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.contentPage>.contentTable .bottomTwoColumn div.column:first-child {
|
||||||
.contentPage > .contentTable .bottomTwoColumn div.column:first-child {
|
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SMALL LAPTOPS */
|
|
||||||
@media only screen and (max-width: 992px) {
|
|
||||||
|
|
||||||
|
/* SMALL LAPTOPS */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
.contentTableLeft {
|
.contentTableLeft {
|
||||||
padding-left: 2em;
|
padding-left: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableRight {
|
.contentTableRight {
|
||||||
padding-top: 4.5em;
|
padding-top: 4.5em;
|
||||||
padding-left: 3em;
|
padding-left: 3em;
|
||||||
padding-right: 2em;
|
padding-right: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* LARGE TABLETS */
|
/* LARGE TABLETS */
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
.contentPage {
|
.contentPage {
|
||||||
padding-top: 5.5em;
|
padding-top: 5.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxHeadline {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bread {
|
.contentPage .contentPageBanner .bannerBox .bread {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageBannerMobile {
|
.pageBannerMobile {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.pageBanner {
|
img.pageBanner {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableLeft {
|
.contentTableLeft {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableRight {
|
.contentTableRight {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.contentTableLeft>div>#navBreadcrumb {
|
||||||
.contentTableLeft > div > #navBreadcrumb {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion {
|
.accordion {
|
||||||
padding: 2em;
|
padding: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion:after {
|
.accordion:after {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
.accordion>ul>li>ul.categoryItems>li>a {
|
||||||
.accordion > ul > li > ul.categoryItems > li > a {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 1em 0; }
|
padding: 1em 0;
|
||||||
|
}
|
||||||
.accordion .triangleLeft, .triangleOverlay {
|
.accordion .triangleLeft,
|
||||||
|
.triangleOverlay {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.linkContactUs {
|
.linkContactUs {
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
text-decoration: underline !important;
|
text-decoration: underline !important;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.contentPage>.contentTable .bottomTwoColumn div.column p.contactUs {
|
||||||
.contentPage > .contentTable .bottomTwoColumn div.column p.contactUs {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 620px) {
|
@media only screen and (max-width: 620px) {
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bread {
|
.contentPage .contentPageBanner .bannerBox .bread {
|
||||||
width: 95%;
|
width: 95%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* PHONES */
|
|
||||||
@media only screen and (max-width: 480px) {
|
|
||||||
|
|
||||||
|
/* PHONES */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
.contentPage {
|
.contentPage {
|
||||||
padding-top: 4em;
|
padding-top: 4em;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
line-height: 1.2em;
|
line-height: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentTableLeft {
|
.contentTableLeft {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
.contentPage .contentPageBanner .bannerBox .bannerBoxTitle {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contentPage .contentPageBanner .bannerBox .bread {
|
.contentPage .contentPageBanner .bannerBox .bread {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.triangle {
|
.triangle {
|
||||||
border-top: 0.4em solid transparent;
|
border-top: 0.4em solid transparent;
|
||||||
border-bottom: 0.4em solid transparent;
|
border-bottom: 0.4em solid transparent;
|
||||||
|
|
||||||
border-left: 0.4em solid #ee3224;
|
border-left: 0.4em solid #ee3224;
|
||||||
margin-right: 0.6em;
|
margin-right: 0.6em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.categoryItems {
|
.categoryItems {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion {
|
.accordion {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion div.mobileContent .seekJobWrapper {
|
.accordion div.mobileContent .seekJobWrapper {
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accordion div.mobileContent a.seekJob {
|
.accordion div.mobileContent a.seekJob {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1.2em;
|
padding: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 380px) {
|
@media only screen and (max-width: 380px) {
|
||||||
|
.contentPage>.contentTable .productCustomers .customerIcons img {
|
||||||
.contentPage > .contentTable .productCustomers .customerIcons img {
|
|
||||||
height: 2.5em;
|
height: 2.5em;
|
||||||
}
|
}
|
||||||
.contentPage > .contentTable .productCustomers .customerIcons img.shorter {
|
.contentPage>.contentTable .productCustomers .customerIcons img.shorter {
|
||||||
height: 1.5em;
|
height: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* END NEW BY MARK */
|
/* END NEW BY MARK */
|
||||||
BIN
src/assets/img/iot1.jpg
Normal file
BIN
src/assets/img/iot1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
src/assets/img/iot2.jpg
Normal file
BIN
src/assets/img/iot2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 121 KiB |
@@ -1,396 +0,0 @@
|
|||||||
|
|
||||||
var isMobile = null;
|
|
||||||
var isPhoneWidth = null;
|
|
||||||
var wasMobile = isMobile;
|
|
||||||
var wasDesktop = !isMobile;
|
|
||||||
|
|
||||||
var isMiniHeader = false;
|
|
||||||
|
|
||||||
var myLocationLat = null;
|
|
||||||
var myLocationLong = null;
|
|
||||||
|
|
||||||
|
|
||||||
class Common {
|
|
||||||
constructor(name, age) {
|
|
||||||
this.name = name;
|
|
||||||
this.age = age;
|
|
||||||
}
|
|
||||||
|
|
||||||
init() {
|
|
||||||
|
|
||||||
var self = this;
|
|
||||||
|
|
||||||
isMobile = common.isMobile();
|
|
||||||
isPhoneWidth = common.isPhone();
|
|
||||||
|
|
||||||
//create trigger to resizeEnd event, called after event is finished
|
|
||||||
$(window).resize(function () {
|
|
||||||
if (this.resizeTO) clearTimeout(this.resizeTO);
|
|
||||||
this.resizeTO = setTimeout(function () {
|
|
||||||
$(this).trigger('resizeEnd');
|
|
||||||
}, 100);
|
|
||||||
});
|
|
||||||
|
|
||||||
//cdetermine scren type and call style functions after window resize is completed
|
|
||||||
$(window).on('resizeEnd', function () {
|
|
||||||
|
|
||||||
self.adjustElementsForScreen();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(window).scroll(function () {
|
|
||||||
if ($(window).scrollTop() > 200) {
|
|
||||||
if (isMiniHeader === false && !self.isMobile()) {
|
|
||||||
$('.header').addClass('mini');
|
|
||||||
isMiniHeader = true;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (isMiniHeader === true) {
|
|
||||||
$('.header').removeClass('mini');
|
|
||||||
isMiniHeader = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
//var scroll = $(window).scrollTop();
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$.scrollToElement = function ($element) {
|
|
||||||
|
|
||||||
var adjustment = 0;
|
|
||||||
if (isMiniHeader) {
|
|
||||||
adjustment = 35;
|
|
||||||
}
|
|
||||||
var $header = $('.header:first');
|
|
||||||
$('html,body').animate({ scrollTop: $element.offset().top - ($header.length > 0 ? $header.height() : 0) - adjustment }, 'slow');
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
adjustElementsForScreen() {
|
|
||||||
|
|
||||||
isMobile = this.isMobile();
|
|
||||||
isPhoneWidth = this.isPhone();
|
|
||||||
|
|
||||||
if (!this.isMobile()) {
|
|
||||||
$(".mobileContent").hide();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isMobile) wasMobile = true;
|
|
||||||
if (!isMobile) wasDesktop = true;
|
|
||||||
|
|
||||||
if (wasMobile && !isMobile) location.reload();
|
|
||||||
|
|
||||||
if (isMobile && isMiniHeader === true) {
|
|
||||||
$('.header').removeClass('mini');
|
|
||||||
isMiniHeader = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
this.adjustContentBannersForScreen();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
initHeader() {
|
|
||||||
|
|
||||||
//go to main page if not there on logo click
|
|
||||||
$(".logoCell .logo").on("click", function () {
|
|
||||||
if (window.location.href.indexOf("index") === -1) {
|
|
||||||
window.location.href = "#/index";
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
//show/hide main menu dropdowns on hover
|
|
||||||
$(".mainMenu > tbody > tr > td")
|
|
||||||
.on("mouseenter", function (e) {
|
|
||||||
e.stopPropagation();
|
|
||||||
$(".dropDown").hide();
|
|
||||||
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "none");
|
|
||||||
$(this).find(".dropDown").addClass("droppedDown");
|
|
||||||
$(this).find(".dropDown").slideDown();
|
|
||||||
})
|
|
||||||
.on("mouseleave", function (e) {
|
|
||||||
e.stopPropagation();
|
|
||||||
$(this).find(".dropDown").removeClass("droppedDown");
|
|
||||||
$(this).find(".dropDown").hide();
|
|
||||||
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
initListeners() {
|
|
||||||
|
|
||||||
$("#hamburger").on("click", function () {
|
|
||||||
|
|
||||||
if ($("#mobileLanguageMenu").hasClass("showing")) {
|
|
||||||
$("#mobileLanguageMenu").hide();
|
|
||||||
$("#mobileLanguageMenu").removeClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($("#mobileMenu").hasClass("showing")) {
|
|
||||||
common.hideMobileMenu();
|
|
||||||
} else {
|
|
||||||
common.showMobileMenu();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#mobileLanguage").on("click", function (e) {
|
|
||||||
|
|
||||||
if ($("#mobileMenu").hasClass("showing")) {
|
|
||||||
$("#mobileMenu").hide();
|
|
||||||
$("#mobileMenu").removeClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($("#mobileLanguageMenu").hasClass("showing")) {
|
|
||||||
hideMobileLanguageMenu();
|
|
||||||
} else {
|
|
||||||
common.showMobileLanguageMenu();
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
$("#screenOverlayBehindHeader, .linkGoBack").on("click", function (e) {
|
|
||||||
if ($("#mobileMenu").hasClass("showing")) {
|
|
||||||
common.hideMobileMenu();
|
|
||||||
}
|
|
||||||
if ($("#mobileLanguageMenu").hasClass("showing")) {
|
|
||||||
common.hideMobileLanguageMenu();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#mobileLanguageMenu a").on("click", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
//show support form
|
|
||||||
$("a.linkSupport").on("click", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
common.showForm("support");
|
|
||||||
});
|
|
||||||
|
|
||||||
//show contact form
|
|
||||||
$("a.linkContactUs").on("click", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
common.showForm("contact");
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#scrollToBoxes").on("click", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
$.scrollToElement($("#pageBoxesContainer"));
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
$('.cookiesInfo').children('input[type=button]').on('click', function () {
|
|
||||||
$(this).parent().remove();
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
initMobileMenu() {
|
|
||||||
$("#mobileMenu label").on("click", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
$("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
|
|
||||||
$(".hasSubmenu").not($(this)).css("font-weight", "normal");
|
|
||||||
$(this).css("font-weight", "bold");
|
|
||||||
//$(this).parent().css("border-bottom", "none");
|
|
||||||
$(this).parent().find(".subMenu").slideDown();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#mobileMenu a").on("click", function (e) {
|
|
||||||
common.hideMobileMenu();
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
initForms() {
|
|
||||||
|
|
||||||
|
|
||||||
$(".btnQuitForm").on("click", function () {
|
|
||||||
$("#forms").hide();
|
|
||||||
$("#screenOverlay").hide();
|
|
||||||
$("#formContactContainer").hide();
|
|
||||||
$("#formSupportContainer").hide();
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#formSupport").on("submit", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
common.submitSupportForm($(this));
|
|
||||||
});
|
|
||||||
|
|
||||||
$("#formContact").on("submit", function (e) {
|
|
||||||
e.preventDefault();
|
|
||||||
common.submitContactForm($(this));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
showForm(formName) {
|
|
||||||
|
|
||||||
$("#forms").show();
|
|
||||||
$("#screenOverlay").show();
|
|
||||||
|
|
||||||
$(".contactTable").show();
|
|
||||||
$(".formInputContainer").show();
|
|
||||||
$(".formResultContainer").hide();
|
|
||||||
|
|
||||||
if (formName === "contact") {
|
|
||||||
var $conCommentsTitle = $("label[for='conComments']");
|
|
||||||
|
|
||||||
if ($(".contentTableRight").find("[data-contact-link]").length) {
|
|
||||||
$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " +
|
|
||||||
$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
|
|
||||||
} else {
|
|
||||||
$conCommentsTitle.html("Vad vill du veta mer om: ");
|
|
||||||
}
|
|
||||||
$("#formContactContainer").show();
|
|
||||||
} else if (formName === "support") {
|
|
||||||
$("#formSupportContainer").show();
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollToTop();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
submitSupportForm(form) {
|
|
||||||
|
|
||||||
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_support_form.php",
|
|
||||||
{
|
|
||||||
subject: $("#supSubject").val(),
|
|
||||||
company: $("#supCompany").val(),
|
|
||||||
name: $("#supName").val(),
|
|
||||||
email: $("#supEmail").val(),
|
|
||||||
phone: $("#supPhone").val(),
|
|
||||||
product: $("#supProduct").val(),
|
|
||||||
comments: $("#supComments").val()
|
|
||||||
},
|
|
||||||
function (data) {
|
|
||||||
console.log(data);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$(".formInputContainer").hide();
|
|
||||||
$(".formResultContainer").show();
|
|
||||||
scrollToTop();
|
|
||||||
|
|
||||||
$("#supSubject").val("");
|
|
||||||
$("#supCompany").val("");
|
|
||||||
$("#supName").val("");
|
|
||||||
$("#supEmail").val("");
|
|
||||||
$("#supPhone").val("");
|
|
||||||
$("#supProduct").val("");
|
|
||||||
$("#supComments").val("");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
submitContactForm(form) {
|
|
||||||
|
|
||||||
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_contact_form.php",
|
|
||||||
{
|
|
||||||
name: $("#conName").val(),
|
|
||||||
email: $("#conEmail").val(),
|
|
||||||
phone: $("#conPhone").val(),
|
|
||||||
comments: $("#conComments").val()
|
|
||||||
},
|
|
||||||
function (data) {
|
|
||||||
console.log(data);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$(".contactTable").hide();
|
|
||||||
$(".formResultContainer").show();
|
|
||||||
scrollToTop();
|
|
||||||
|
|
||||||
$("#conName").val("");
|
|
||||||
$("#conEmail").val("");
|
|
||||||
$("#conPhone").val("");
|
|
||||||
$("#conComments").val("");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
adjustContentBannersForScreen() {
|
|
||||||
|
|
||||||
if (this.isMobile()) {
|
|
||||||
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
|
|
||||||
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
|
|
||||||
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
|
|
||||||
} else {
|
|
||||||
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions.jpg");
|
|
||||||
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16.jpg");
|
|
||||||
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr.jpg");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
showMobileMenu() {
|
|
||||||
$("#screenOverlayBehindHeader").show();
|
|
||||||
|
|
||||||
$("#mobileMenu").slideDown();
|
|
||||||
$("#mobileMenu").addClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
hideMobileMenu() {
|
|
||||||
$("#mobileMenu").slideUp(function () {
|
|
||||||
$("#screenOverlayBehindHeader").hide();
|
|
||||||
});
|
|
||||||
$("#mobileMenu").removeClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
showMobileLanguageMenu() {
|
|
||||||
$("#screenOverlayBehindHeader").show();
|
|
||||||
|
|
||||||
$("#mobileLanguageMenu").slideDown();
|
|
||||||
$("#mobileLanguageMenu").addClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
hideMobileLanguageMenu() {
|
|
||||||
$("#mobileLanguageMenu").slideUp(function () {
|
|
||||||
$("#screenOverlayBehindHeader").hide();
|
|
||||||
});
|
|
||||||
$("#mobileLanguageMenu").removeClass("showing");
|
|
||||||
}
|
|
||||||
|
|
||||||
scrollToTop() {
|
|
||||||
$("body,html").animate({ scrollTop: 0 }, "slow");
|
|
||||||
}
|
|
||||||
|
|
||||||
isMobile() {
|
|
||||||
|
|
||||||
var ua = navigator.userAgent;
|
|
||||||
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
|
|
||||||
|
|
||||||
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
|
|
||||||
|
|
||||||
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
|
|
||||||
|
|
||||||
isMobile = isIphone || isAndroid;
|
|
||||||
|
|
||||||
return isMobile;
|
|
||||||
}
|
|
||||||
|
|
||||||
isPhone() {
|
|
||||||
var ua = navigator.userAgent;
|
|
||||||
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
|
|
||||||
var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
|
|
||||||
return isIphone;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
export const common = new Common();
|
|
||||||
|
|
||||||
|
|
||||||
4
src/assets/static/jquery.js
vendored
4
src/assets/static/jquery.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,17 +1,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="row1">
|
<div class="row1">
|
||||||
<div class="pageWidth">
|
<div class="pageWidth">
|
||||||
<table class="footerTable">
|
<table class="footerTable">
|
||||||
<thead class="bread desktop smallDesktop">
|
<thead class="bread desktop smallDesktop">
|
||||||
<tr><th >我们的办公室</th>
|
<tr>
|
||||||
|
<th>我们的办公室</th>
|
||||||
<th>快速链接</th>
|
<th>快速链接</th>
|
||||||
</tr></thead>
|
</tr>
|
||||||
<tbody><tr>
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
<td class="stackable">
|
<td class="stackable">
|
||||||
<ul class="quickLinks bread">
|
<ul class="quickLinks bread">
|
||||||
<li v-for="item in contactData" :key="item.name" >
|
<li v-for="item in contactData" :key="item.name">
|
||||||
<label>{{item.name+"："}}</label>
|
<label>{{item.name+"："}}</label>
|
||||||
<label>{{item.value}}</label>
|
<label>{{item.value}}</label>
|
||||||
</li>
|
</li>
|
||||||
@@ -21,11 +24,14 @@
|
|||||||
<td class="quickLinksContainer">
|
<td class="quickLinksContainer">
|
||||||
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
|
<div class="mobile mobileFooterTitle bread">Snabblänkar</div>
|
||||||
<ul class="quickLinks bread">
|
<ul class="quickLinks bread">
|
||||||
<li v-for="menu in menus" :key="menu.name" >
|
<li v-for="menu in menus" :key="menu.name">
|
||||||
<router-link :to="menu.url">{{menu.name}}</router-link>
|
<router-link :to="menu.url">{{menu.name}}</router-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</td></tr></tbody></table>
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -38,7 +44,7 @@
|
|||||||
<!-- container for support and content forms -->
|
<!-- container for support and content forms -->
|
||||||
<div id="forms">
|
<div id="forms">
|
||||||
<!-- SUPPORT FORM -->
|
<!-- SUPPORT FORM -->
|
||||||
<div id="formContactContainer" class="formContainer bottomShadow">
|
<div id="formContactContainer" class="formContainer bottomShadow">
|
||||||
|
|
||||||
<span class="btnQuitForm">X</span>
|
<span class="btnQuitForm">X</span>
|
||||||
|
|
||||||
@@ -142,32 +148,32 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- SUPPORT FORM --> </div>
|
<!-- SUPPORT FORM -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
|
<!-- USED TO GET DETECT WIDTH USING JS AND CSS MEDIA QUERIES -->
|
||||||
<span id="mobile_indicator"></span>
|
<span id="mobile_indicator"></span>
|
||||||
<span id="phone_indicator"></span>
|
<span id="phone_indicator"></span>
|
||||||
|
|
||||||
<!-- <div class="cookiesInfo h4">Vi använder cookies för att förbättra din upplevelse av Pythagoras hemsida. <a>Vill du veta mer?</a> <input type="button" value="Jag förstår"/></div> -->
|
<!-- <div class="cookiesInfo h4">Vi använder cookies för att förbättra din upplevelse av Pythagoras hemsida. <a>Vill du veta mer?</a> <input type="button" value="Jag förstår"/></div> -->
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menus: window.config.menus,
|
menus: window.config.menus,
|
||||||
contactData: [
|
contactData: [
|
||||||
{ name: "地址", value: "上海市宝山区顾村" },
|
{ name: '地址', value: '上海市宝山区顾村' },
|
||||||
{ name: "手机", value: "13817819452" },
|
{ name: '手机', value: '13817819452' },
|
||||||
{ name: "邮箱", value: "Zhp@bimwe.com" }
|
{ name: '邮箱', value: 'Zhp@bimwe.com' },
|
||||||
],
|
],
|
||||||
|
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,17 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<div class="header bottomShadow">
|
<div class="header bottomShadow">
|
||||||
<div class="content pageWidth">
|
<div class="content pageWidth">
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<div class="content bread">
|
<div class="content bread">
|
||||||
<table><tbody><tr><td class="contact contactLinks">
|
<table>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="contact contactLinks">
|
||||||
<img src="../assets/img/svg/mobile.svg" class="inlineTextIcon inlineTextPhoneIcon"><span>
|
<img src="../assets/img/svg/mobile.svg" class="inlineTextIcon inlineTextPhoneIcon"><span>
|
||||||
<a href="tel:13817819452">13817819452</a></span> <img src="../assets/img/svg/airplane.svg" class="inlineTextIcon">
|
<a href="tel:13817819452">13817819452</a></span> <img src="../assets/img/svg/airplane.svg" class="inlineTextIcon">
|
||||||
<span><a href="mailto:bimwe@bimwe.com">bimwe@bimwe.com</a></span>
|
<span><a href="mailto:bimwe@bimwe.com">bimwe@bimwe.com</a></span>
|
||||||
</td><td class="searchContainer desktop">
|
</td>
|
||||||
|
<td class="searchContainer desktop">
|
||||||
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
|
<input type="text" class="search" placeholder="Sök" style="margin-left:1em;width:10em">
|
||||||
</td></tr></tbody></table>
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- BOTTOM - DESKTOP -->
|
<!-- BOTTOM - DESKTOP -->
|
||||||
@@ -26,12 +33,12 @@
|
|||||||
<table class="mainMenu">
|
<table class="mainMenu">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="h2" v-for="menu in menus" :key="menu.name" >
|
<td class="h2" v-for="menu in menus" :key="menu.name">
|
||||||
<router-link :to="menu.url">
|
<router-link :to="menu.url">
|
||||||
{{menu.name}}
|
{{menu.name}}
|
||||||
<span v-if="menu.child.length>0" class="downCaret"></span>
|
<span v-if="menu.child.length>0" class="downCaret"></span>
|
||||||
</router-link>
|
</router-link>
|
||||||
<div class="dropDown bottomShadowSegment" v-if="menu.child.length>0" >
|
<div class="dropDown bottomShadowSegment" v-if="menu.child.length>0">
|
||||||
<router-link :to="sonMenu.url" v-for="sonMenu in menu.child" :key="sonMenu.name">{{sonMenu.name}}</router-link>
|
<router-link :to="sonMenu.url" v-for="sonMenu in menu.child" :key="sonMenu.name">{{sonMenu.name}}</router-link>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
@@ -62,13 +69,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="mobileMenu" class="headerMobileMenu bread">
|
<div id="mobileMenu" class="headerMobileMenu bread">
|
||||||
<div class="menuDummy"></div><div class="menuContent">
|
<div class="menuDummy"></div>
|
||||||
|
<div class="menuContent">
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="menu in menus" :key="menu.name" >
|
<li v-for="menu in menus" :key="menu.name">
|
||||||
<a href="menu.url" v-if="menu.name=='首页'" >{{menu.name}}</a>
|
<a href="menu.url" v-if="menu.name=='首页'">{{menu.name}}</a>
|
||||||
<label v-else class="hasSubmenu" style="display:block;">{{menu.name}}</label>
|
<label v-else class="hasSubmenu" style="display:block;">{{menu.name}}</label>
|
||||||
<ul class="subMenu" v-if="menu.child.length>0" >
|
<ul class="subMenu" v-if="menu.child.length>0">
|
||||||
<li v-for="sonMenu in menu.child" :key="sonMenu.name" >
|
<li v-for="sonMenu in menu.child" :key="sonMenu.name">
|
||||||
<router-link class="hasSubmenu" :to="sonMenu.url">{{sonMenu.name}}</router-link>
|
<router-link class="hasSubmenu" :to="sonMenu.url">{{sonMenu.name}}</router-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -82,27 +90,27 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { common } from "../assets/static/common";
|
import { common } from '../static/common';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
menus: window.config.menus
|
menus: window.config.menus,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted: function() {
|
mounted: function () {
|
||||||
common.init();
|
common.init();
|
||||||
common.initListeners();
|
common.initListeners();
|
||||||
common.initHeader();
|
common.initHeader();
|
||||||
common.initForms();
|
common.initForms();
|
||||||
common.initMobileMenu();
|
common.initMobileMenu();
|
||||||
common.adjustElementsForScreen();
|
common.adjustElementsForScreen();
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,22 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
|
|
||||||
|
|
||||||
<div class="contentTableLeft" id="navSidebar" v-if="!isMobile">
|
<div class="contentTableLeft" id="navSidebar" v-if="!isMobile">
|
||||||
|
|
||||||
<div id="navAccordion" class="accordion" style="opacity: 1;" >
|
<div id="navAccordion" class="accordion" style="opacity: 1;">
|
||||||
|
|
||||||
<div class="h1"><font style="vertical-align: inherit;" v-if="curMenu"><font style="vertical-align: inherit;"> {{curMenu.name}}</font></font></div>
|
<div class="h1">
|
||||||
|
<font style="vertical-align: inherit;" v-if="curMenu">
|
||||||
|
<font style="vertical-align: inherit;"> {{curMenu.name}}</font>
|
||||||
|
</font>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="content" v-if="curMenu">
|
<ul class="content" v-if="curMenu">
|
||||||
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name" >
|
<li class="category" v-for=" sonmenu in curMenu.child" :key="sonmenu.name">
|
||||||
<router-link :to="sonmenu.url" :class="sonmenu.strong" >
|
<router-link :to="sonmenu.url" :class="sonmenu.strong">
|
||||||
<div class="triangle"></div>
|
<div class="triangle"></div>
|
||||||
<font style="vertical-align: inherit;">
|
<font style="vertical-align: inherit;">
|
||||||
<font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
|
<font style="vertical-align: inherit;"> {{sonmenu.name}}</font>
|
||||||
</font>
|
</font>
|
||||||
</router-link>
|
</router-link>
|
||||||
<div class="mobileContent">
|
<div class="mobileContent">
|
||||||
<h1 > {{sonmenu.name}}</h1>
|
<h1> {{sonmenu.name}}</h1>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -25,8 +28,8 @@
|
|||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import "../assets/css/content_pages.css";
|
import '../assets/css/content_pages.css';
|
||||||
import { common } from "../assets/static/common";
|
import { common } from '../static/common';
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -34,33 +37,34 @@ export default {
|
|||||||
isMobile: false,
|
isMobile: false,
|
||||||
curMenu: null,
|
curMenu: null,
|
||||||
curChildMenu: null,
|
curChildMenu: null,
|
||||||
strong: ""
|
strong: '',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created: function() {
|
created: function () {
|
||||||
this.Init();
|
this.Init();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
Init: function() {
|
Init: function () {
|
||||||
this.isMobile = common.isMobile();
|
this.isMobile = common.isMobile();
|
||||||
var path = this.$route.fullPath.split("/");
|
var path = this.$route.fullPath.split('/');
|
||||||
|
|
||||||
this.curMenu = this.menus.find(p => {
|
this.curMenu = this.menus.find((p) => {
|
||||||
return p.url.indexOf(path[1]) > 0;
|
return p.url.indexOf(path[1]) > 0;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.curChildMenu = this.curMenu.child.find(p => {
|
this.curChildMenu = this.curMenu.child.find((p) => {
|
||||||
return p.url.indexOf(path[2]) > 0;
|
return p.url.indexOf(path[2]) > 0;
|
||||||
});
|
});
|
||||||
|
|
||||||
this.curMenu.child.map(p => {
|
this.curMenu.child.map((p) => {
|
||||||
p.strong = "categoryHead h2 linkProduct";
|
p.strong = 'categoryHead h2 linkProduct';
|
||||||
if (p.url.indexOf(path[2]) > 0) {
|
if (p.url.indexOf(path[2]) > 0) {
|
||||||
this.curChildMenu.strong = "categoryHead h2 linkProduct strong";
|
this.curChildMenu.strong =
|
||||||
|
'categoryHead h2 linkProduct strong';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
12
src/main.js
12
src/main.js
@@ -1,21 +1,15 @@
|
|||||||
|
|
||||||
import './assets/css/cookieconsent.min.css'
|
import './assets/css/cookieconsent.min.css'
|
||||||
import './assets/css/common.css'
|
import './assets/css/common.css'
|
||||||
import 'swiper/dist/css/swiper.css'
|
import 'swiper/dist/css/swiper.css'
|
||||||
|
import './static/config.js'
|
||||||
import './assets/static/config.js'
|
|
||||||
import './assets/static/jquery.js'
|
|
||||||
import './assets/static/common.js'
|
|
||||||
|
|
||||||
import 'es6-promise/auto'
|
import 'es6-promise/auto'
|
||||||
|
|
||||||
|
|
||||||
import Vue from 'vue'
|
import Vue from 'vue'
|
||||||
import App from './App.vue'
|
import App from './App.vue'
|
||||||
import Vuex from 'vuex'
|
import Vuex from 'vuex'
|
||||||
import router from './router'
|
import router from './router'
|
||||||
|
|
||||||
import {component} from './component'
|
import { component } from './component'
|
||||||
|
|
||||||
Vue.config.productionTip = false;
|
Vue.config.productionTip = false;
|
||||||
|
|
||||||
@@ -27,5 +21,5 @@ component.register();
|
|||||||
|
|
||||||
new Vue({
|
new Vue({
|
||||||
router,
|
router,
|
||||||
render: h => h(App)
|
render: h => h(App),
|
||||||
}).$mount('#app')
|
}).$mount('#app')
|
||||||
381
src/static/common.js
Normal file
381
src/static/common.js
Normal file
@@ -0,0 +1,381 @@
|
|||||||
|
var isMobile = null;
|
||||||
|
var wasMobile = isMobile;
|
||||||
|
var isMiniHeader = false;
|
||||||
|
|
||||||
|
import $ from 'jquery'
|
||||||
|
|
||||||
|
class Common {
|
||||||
|
constructor(name, age) {
|
||||||
|
this.name = name;
|
||||||
|
this.age = age;
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
|
||||||
|
var self = this;
|
||||||
|
|
||||||
|
isMobile = common.isMobile();
|
||||||
|
|
||||||
|
//create trigger to resizeEnd event, called after event is finished
|
||||||
|
$(window).resize(function() {
|
||||||
|
if (this.resizeTO) clearTimeout(this.resizeTO);
|
||||||
|
this.resizeTO = setTimeout(function() {
|
||||||
|
$(this).trigger('resizeEnd');
|
||||||
|
}, 100);
|
||||||
|
});
|
||||||
|
|
||||||
|
//cdetermine scren type and call style functions after window resize is completed
|
||||||
|
$(window).on('resizeEnd', function() {
|
||||||
|
|
||||||
|
self.adjustElementsForScreen();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
$(window).scroll(function() {
|
||||||
|
if ($(window).scrollTop() > 200) {
|
||||||
|
if (isMiniHeader === false && !self.isMobile()) {
|
||||||
|
$('.header').addClass('mini');
|
||||||
|
isMiniHeader = true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (isMiniHeader === true) {
|
||||||
|
$('.header').removeClass('mini');
|
||||||
|
isMiniHeader = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
//var scroll = $(window).scrollTop();
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$.scrollToElement = function($element) {
|
||||||
|
|
||||||
|
var adjustment = 0;
|
||||||
|
if (isMiniHeader) {
|
||||||
|
adjustment = 35;
|
||||||
|
}
|
||||||
|
var $header = $('.header:first');
|
||||||
|
$('html,body').animate({ scrollTop: $element.offset().top - ($header.length > 0 ? $header.height() : 0) - adjustment }, 'slow');
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
adjustElementsForScreen() {
|
||||||
|
|
||||||
|
isMobile = this.isMobile();
|
||||||
|
|
||||||
|
if (!this.isMobile()) {
|
||||||
|
$(".mobileContent").hide();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isMobile) wasMobile = true;
|
||||||
|
|
||||||
|
if (wasMobile && !isMobile) location.reload();
|
||||||
|
|
||||||
|
if (isMobile && isMiniHeader === true) {
|
||||||
|
$('.header').removeClass('mini');
|
||||||
|
isMiniHeader = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
this.adjustContentBannersForScreen();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
initHeader() {
|
||||||
|
|
||||||
|
//go to main page if not there on logo click
|
||||||
|
$(".logoCell .logo").on("click", function() {
|
||||||
|
if (window.location.href.indexOf("index") === -1) {
|
||||||
|
window.location.href = "#/index";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//show/hide main menu dropdowns on hover
|
||||||
|
$(".mainMenu > tbody > tr > td")
|
||||||
|
.on("mouseenter", function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(".dropDown").hide();
|
||||||
|
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "none");
|
||||||
|
$(this).find(".dropDown").addClass("droppedDown");
|
||||||
|
$(this).find(".dropDown").slideDown();
|
||||||
|
})
|
||||||
|
.on("mouseleave", function(e) {
|
||||||
|
e.stopPropagation();
|
||||||
|
$(this).find(".dropDown").removeClass("droppedDown");
|
||||||
|
$(this).find(".dropDown").hide();
|
||||||
|
$("table.mainMenu > tbody > tr > td.selected").css("box-shadow", "0 -3px 0 #ff0000 inset");
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
initListeners() {
|
||||||
|
|
||||||
|
$("#hamburger").on("click", function() {
|
||||||
|
|
||||||
|
if ($("#mobileLanguageMenu").hasClass("showing")) {
|
||||||
|
$("#mobileLanguageMenu").hide();
|
||||||
|
$("#mobileLanguageMenu").removeClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($("#mobileMenu").hasClass("showing")) {
|
||||||
|
common.hideMobileMenu();
|
||||||
|
} else {
|
||||||
|
common.showMobileMenu();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#mobileLanguage").on("click", function() {
|
||||||
|
|
||||||
|
if ($("#mobileMenu").hasClass("showing")) {
|
||||||
|
$("#mobileMenu").hide();
|
||||||
|
$("#mobileMenu").removeClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!$("#mobileLanguageMenu").hasClass("showing")) {
|
||||||
|
common.showMobileLanguageMenu();
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$("#screenOverlayBehindHeader, .linkGoBack").on("click", function() {
|
||||||
|
if ($("#mobileMenu").hasClass("showing")) {
|
||||||
|
common.hideMobileMenu();
|
||||||
|
}
|
||||||
|
if ($("#mobileLanguageMenu").hasClass("showing")) {
|
||||||
|
common.hideMobileLanguageMenu();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#mobileLanguageMenu a").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
|
||||||
|
//show support form
|
||||||
|
$("a.linkSupport").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
common.showForm("support");
|
||||||
|
});
|
||||||
|
|
||||||
|
//show contact form
|
||||||
|
$("a.linkContactUs").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
common.showForm("contact");
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#scrollToBoxes").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$.scrollToElement($("#pageBoxesContainer"));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
$('.cookiesInfo').children('input[type=button]').on('click', function() {
|
||||||
|
$(this).parent().remove();
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
initMobileMenu() {
|
||||||
|
$("#mobileMenu label").on("click", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
$("#mobileMenu .subMenu").not($(this).siblings()).slideUp();
|
||||||
|
$(".hasSubmenu").not($(this)).css("font-weight", "normal");
|
||||||
|
$(this).css("font-weight", "bold");
|
||||||
|
//$(this).parent().css("border-bottom", "none");
|
||||||
|
$(this).parent().find(".subMenu").slideDown();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#mobileMenu a").on("click", function() {
|
||||||
|
common.hideMobileMenu();
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
initForms() {
|
||||||
|
|
||||||
|
|
||||||
|
$(".btnQuitForm").on("click", function() {
|
||||||
|
$("#forms").hide();
|
||||||
|
$("#screenOverlay").hide();
|
||||||
|
$("#formContactContainer").hide();
|
||||||
|
$("#formSupportContainer").hide();
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#formSupport").on("submit", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
common.submitSupportForm($(this));
|
||||||
|
});
|
||||||
|
|
||||||
|
$("#formContact").on("submit", function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
common.submitContactForm($(this));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
showForm(formName) {
|
||||||
|
|
||||||
|
$("#forms").show();
|
||||||
|
$("#screenOverlay").show();
|
||||||
|
|
||||||
|
$(".contactTable").show();
|
||||||
|
$(".formInputContainer").show();
|
||||||
|
$(".formResultContainer").hide();
|
||||||
|
|
||||||
|
if (formName === "contact") {
|
||||||
|
var $conCommentsTitle = $("label[for='conComments']");
|
||||||
|
|
||||||
|
if ($(".contentTableRight").find("[data-contact-link]").length) {
|
||||||
|
$conCommentsTitle.html("Berätta vad du vill veta mer om gällande " +
|
||||||
|
$(".contentTableRight").find("[data-contact-link]").data("contact-link") + ": *");
|
||||||
|
} else {
|
||||||
|
$conCommentsTitle.html("Vad vill du veta mer om: ");
|
||||||
|
}
|
||||||
|
$("#formContactContainer").show();
|
||||||
|
} else if (formName === "support") {
|
||||||
|
$("#formSupportContainer").show();
|
||||||
|
}
|
||||||
|
|
||||||
|
common.scrollToTop();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
submitSupportForm() {
|
||||||
|
|
||||||
|
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_support_form.php", {
|
||||||
|
subject: $("#supSubject").val(),
|
||||||
|
company: $("#supCompany").val(),
|
||||||
|
name: $("#supName").val(),
|
||||||
|
email: $("#supEmail").val(),
|
||||||
|
phone: $("#supPhone").val(),
|
||||||
|
product: $("#supProduct").val(),
|
||||||
|
comments: $("#supComments").val()
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
console.log(data);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$(".formInputContainer").hide();
|
||||||
|
$(".formResultContainer").show();
|
||||||
|
common.scrollToTop();
|
||||||
|
|
||||||
|
$("#supSubject").val("");
|
||||||
|
$("#supCompany").val("");
|
||||||
|
$("#supName").val("");
|
||||||
|
$("#supEmail").val("");
|
||||||
|
$("#supPhone").val("");
|
||||||
|
$("#supProduct").val("");
|
||||||
|
$("#supComments").val("");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
submitContactForm() {
|
||||||
|
|
||||||
|
$.post("http://biz199.inmotionhosting.com/~rustyt6/pythagoras/php/submit_contact_form.php", {
|
||||||
|
name: $("#conName").val(),
|
||||||
|
email: $("#conEmail").val(),
|
||||||
|
phone: $("#conPhone").val(),
|
||||||
|
comments: $("#conComments").val()
|
||||||
|
},
|
||||||
|
function(data) {
|
||||||
|
console.log(data);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$(".contactTable").hide();
|
||||||
|
$(".formResultContainer").show();
|
||||||
|
common.scrollToTop();
|
||||||
|
|
||||||
|
$("#conName").val("");
|
||||||
|
$("#conEmail").val("");
|
||||||
|
$("#conPhone").val("");
|
||||||
|
$("#conComments").val("");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
adjustContentBannersForScreen() {
|
||||||
|
|
||||||
|
if (this.isMobile()) {
|
||||||
|
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions_mobile.jpg");
|
||||||
|
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16_mobile.jpg");
|
||||||
|
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr_mobile.jpg");
|
||||||
|
} else {
|
||||||
|
$("#pageBannerImage1").attr("src", "images/banner_page_mobile_solutions.jpg");
|
||||||
|
$("#pageBannerImage2").attr("src", "images/banner_page_ifrs16.jpg");
|
||||||
|
$("#pageBannerImage3").attr("src", "images/banner_page_gdpr.jpg");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
showMobileMenu() {
|
||||||
|
$("#screenOverlayBehindHeader").show();
|
||||||
|
|
||||||
|
$("#mobileMenu").slideDown();
|
||||||
|
$("#mobileMenu").addClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
hideMobileMenu() {
|
||||||
|
$("#mobileMenu").slideUp(function() {
|
||||||
|
$("#screenOverlayBehindHeader").hide();
|
||||||
|
});
|
||||||
|
$("#mobileMenu").removeClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
showMobileLanguageMenu() {
|
||||||
|
$("#screenOverlayBehindHeader").show();
|
||||||
|
|
||||||
|
$("#mobileLanguageMenu").slideDown();
|
||||||
|
$("#mobileLanguageMenu").addClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
hideMobileLanguageMenu() {
|
||||||
|
$("#mobileLanguageMenu").slideUp(function() {
|
||||||
|
$("#screenOverlayBehindHeader").hide();
|
||||||
|
});
|
||||||
|
$("#mobileLanguageMenu").removeClass("showing");
|
||||||
|
}
|
||||||
|
|
||||||
|
scrollToTop() {
|
||||||
|
$("body,html").animate({ scrollTop: 0 }, "slow");
|
||||||
|
}
|
||||||
|
|
||||||
|
isMobile() {
|
||||||
|
|
||||||
|
var ua = navigator.userAgent;
|
||||||
|
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
|
||||||
|
|
||||||
|
isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
|
||||||
|
|
||||||
|
isAndroid = ua.match(/(Android)\s+([\d.]+)/),
|
||||||
|
|
||||||
|
isMobile = isIphone || isAndroid;
|
||||||
|
|
||||||
|
return isMobile;
|
||||||
|
}
|
||||||
|
|
||||||
|
isPhone() {
|
||||||
|
var ua = navigator.userAgent;
|
||||||
|
var ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
|
||||||
|
var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/);
|
||||||
|
return isIphone;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export const common = new Common();
|
||||||
@@ -8,19 +8,15 @@ window.config = {
|
|||||||
name: "我们的方案",
|
name: "我们的方案",
|
||||||
url: "/ourPlan",
|
url: "/ourPlan",
|
||||||
child: [{
|
child: [{
|
||||||
name: "设施管理",
|
name: "三维展示",
|
||||||
url: "/ourPlan/facilityManagement",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "房地产",
|
|
||||||
url: "/ourPlan/reaEstate",
|
url: "/ourPlan/reaEstate",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "物业管理",
|
name: "房地产和物业管理",
|
||||||
url: "/ourPlan/estateManagement",
|
url: "/ourPlan/estateManagement",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "系统智能建筑和物联网（iot）",
|
name: "物联网（iot）",
|
||||||
url: "/ourPlan/iot",
|
url: "/ourPlan/iot",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -1,38 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
<div >
|
<div>
|
||||||
<leftMenu > </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent>
|
<icontent>
|
||||||
<div class="row left">
|
<h3 data-v-7630ff5e="" data-v-41de0e1c=""> 我们是谁？</h3>
|
||||||
<div class="col-md-12">
|
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||||
<div class="col-md-5 col-sm-5 scrollpoint sp-effect1" style="padding:0px;">
|
我们是一家员工所有的公司，其业务围绕着许多核心价值观。可持续性，平等和合作是其中的一部分。我们业务的很大一部分是基于与客户共同寻找创新解决方案，使客户能够降低能耗。我们有很多技巧。通过将我们的技能与客户技能相结合，我们帮助客户简化其物业，房地产和设施管理流程。
|
||||||
<div class="form-group cav_contact_hello" style="text-align:left;">
|
</p>
|
||||||
<p class="nav_div"><label style="font-family:'Microsoft YaHei';font-weight:100;">您好</label><label style="font-family:'Microsoft YaHei';font-weight:100;"> HELLO!</label></p>
|
<h3 data-v-7630ff5e="" data-v-41de0e1c="">我们做什么</h3>
|
||||||
</div>
|
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||||
<div class="form-group cav_contact_div1" style="text-align:left">
|
我们开发IT解决方案和服务，用于管理房地产，房地产和设施管理中的战略信息。我们还在智能建筑和物业及设施管理领域从事商业咨询。借助最新技术，我们可以创建解决方案和平台，帮助客户将其业务数字化。
|
||||||
感谢您来到上海丙维科技有限公司，若您有合作意向，请您用以下方式联系我们，我们为您提供真诚的服务，谢谢。
|
</p>
|
||||||
</div>
|
<h3 data-v-7630ff5e="" data-v-41de0e1c="">
|
||||||
</div>
|
我们的愿景和经营理念
|
||||||
|
</h3>
|
||||||
|
<p data-v-7630ff5e="" data-v-41de0e1c="">
|
||||||
|
我们将在物业，房地产和设施管理方面提供最好的服务和解决方案。我们决心拥有传统和保守的部门，以了解持续和自动数据收集和分析的必要性。
|
||||||
|
|
||||||
<div class="col-md-6 col-sm-6 ">
|
</p>
|
||||||
<ul class="cav_contact_ul">
|
|
||||||
<li style="padding-top:12px;">021-61166770</li>
|
|
||||||
<li style="padding-top:19px;">bimwe@bimwe.com</li>
|
|
||||||
<li style="padding-top:21px;">
|
|
||||||
上海市宝山区逸仙路
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row right">
|
|
||||||
<img width="100%" src="http://api.map.baidu.com/staticimage/v2?ak=y2qrobvV7OiT0P5FuoOXzvr1NzRbKPEE&mcode=666666¢er=121.425276,31.438629&zoom=13 " />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</icontent>
|
</icontent>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
@@ -42,7 +29,7 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
mounted: function() {}
|
mounted: function () {},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@@ -76,7 +63,7 @@ export default {
|
|||||||
.cav_contact_ul > li {
|
.cav_contact_ul > li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-top: 14px;
|
padding-top: 14px;
|
||||||
font-family: "Microsoft YaHei";
|
font-family: 'Microsoft YaHei';
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,7 +1,9 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu > </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent>
|
<icontent>
|
||||||
|
<p> 丙维科技一直致力于成为一个有吸引力的雇主。</p>
|
||||||
|
<p> 我们是一家信奉环境和性别平等的公司。有了我们，您始终有机会成长和发展。我们一直在寻找新员工。如果您有兴趣加入我们的团队，请随时与我们联系。</p>
|
||||||
</icontent>
|
</icontent>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -12,13 +14,9 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {};
|
return {};
|
||||||
},
|
},
|
||||||
mounted: function() {
|
mounted: function () {},
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,20 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu> </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent></icontent>
|
<icontent>
|
||||||
|
|
||||||
|
<p> 我们的解决方案是比亚迪解决方案（自带设备解决方案）。</p>
|
||||||
|
|
||||||
|
<p> 我们开发了可用于管理设施管理中日常工作的应用程序。</p>
|
||||||
|
|
||||||
|
<p> 通过我们的解决方案，您可以随时随地履行职责。</p>
|
||||||
|
</icontent>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
},
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -7,13 +7,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
},
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,32 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<ihead></ihead>
|
<ihead></ihead>
|
||||||
<div class="banner">
|
<div class="banner">
|
||||||
<swiper ref="swiper" :options="swiperOption" >
|
<swiper ref="swiper" :options="swiperOption">
|
||||||
<swiper-slide v-for="banner in banners" :key="banner.img" >
|
<swiper-slide v-for="banner in banners" :key="banner.img">
|
||||||
<img :src="banner.img" width="100%" />
|
<img :src="banner.img" width="100%" />
|
||||||
<div class="carousel">
|
|
||||||
<div class="infoBoxes">
|
|
||||||
<div class="infoBox fromLeft" >
|
|
||||||
<div class="infoBoxContent">
|
|
||||||
<div class="infoBoxHead">
|
|
||||||
<span class="triangleRight"></span>
|
|
||||||
<span class="infoBoxTitle"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">IFRS16</font></font></span>
|
|
||||||
</div>
|
|
||||||
<div class="bread"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自2019年1月1日起，IFRS16成为强制性要求。</font><font style="vertical-align: inherit;">我们准备好了。</font><font style="vertical-align: inherit;">是吗</font></font></div>
|
|
||||||
<div class="seeMoreContainer">
|
|
||||||
<a href="javascript:void()" class="linkSeeMore"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">看到更多</font></font></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</swiper-slide>
|
</swiper-slide>
|
||||||
|
|
||||||
<div class="directionControl swiper-button-prev" slot="button-prev"> </div>
|
<div class="directionControl swiper-button-prev" slot="button-prev"> </div>
|
||||||
<div class="directionControl swiper-button-next" slot="button-next" > </div>
|
<div class="directionControl swiper-button-next" slot="button-next"> </div>
|
||||||
<div class="swiper-pagination" slot="pagination"> </div>
|
<div class="swiper-pagination" slot="pagination"> </div>
|
||||||
</swiper>
|
</swiper>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -38,12 +22,13 @@
|
|||||||
|
|
||||||
<div id="pageBoxesContainer" class="page pageBoxes">
|
<div id="pageBoxesContainer" class="page pageBoxes">
|
||||||
|
|
||||||
<div class="box" v-for="product in productData" :key="product.name" >
|
<div class="box" v-for="product in productData" :key="product.name">
|
||||||
<img width="100%" :src="product.img"/>
|
<img width="100%" :src="product.img" />
|
||||||
<div class="boxTableHeader">
|
<div class="boxTableHeader">
|
||||||
<div class="h2">{{product.name}}</div>
|
<div class="h2">{{product.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
<router-link :to="product.url"> </router-link>
|
<a v-if="product.isLink||product.url.indexOf('http')>-1" target="view_window" :href="product.url"></a>
|
||||||
|
<router-link v-else :to="product.url"> </router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ifooter></ifooter>
|
<ifooter></ifooter>
|
||||||
@@ -58,71 +43,68 @@ export default {
|
|||||||
swiperOption: {
|
swiperOption: {
|
||||||
autoplay: 2000,
|
autoplay: 2000,
|
||||||
speed: 1000,
|
speed: 1000,
|
||||||
loop:true,
|
loop: true,
|
||||||
navigation: {
|
navigation: {
|
||||||
nextEl: ".swiper-button-next", //前进按钮的css选择器或HTML元素。
|
nextEl: '.swiper-button-next', //前进按钮的css选择器或HTML元素。
|
||||||
prevEl: ".swiper-button-prev" //后退按钮的css选择器或HTML元素。
|
prevEl: '.swiper-button-prev', //后退按钮的css选择器或HTML元素。
|
||||||
},
|
},
|
||||||
pagination: {
|
pagination: {
|
||||||
el: ".swiper-pagination",
|
el: '.swiper-pagination',
|
||||||
type: "bullets",
|
type: 'bullets',
|
||||||
bulletElement: "li",
|
bulletElement: 'li',
|
||||||
clickable: true
|
clickable: true,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
banners: [
|
banners: [
|
||||||
{ img: require("../assets/img/banner_index0.png") },
|
{ img: require('../assets/img/banner_index0.png') },
|
||||||
{ img: require("../assets/img/banner_index1.png") },
|
{ img: require('../assets/img/banner_index1.png') },
|
||||||
{ img: require("../assets/img/banner_index2.png") },
|
{ img: require('../assets/img/banner_index2.png') },
|
||||||
{ img: require("../assets/img/banner_index3.png") }
|
{ img: require('../assets/img/banner_index3.png') },
|
||||||
],
|
],
|
||||||
productData: [
|
productData: [
|
||||||
{
|
{
|
||||||
name: "设施管理",
|
name: '智能终端',
|
||||||
img: require("../assets/img/boxbg_facilitiesmanagement.png"),
|
img: require('../assets/img/boxbg_cleaning.png'),
|
||||||
url: ""
|
url: '/超广角设备.pdf',
|
||||||
|
isLink: true,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "房地产",
|
name: '智能建筑',
|
||||||
// img: require("../assets/img/boxbg_propertyandrealestate.jpg"),
|
img: require('../assets/img/boxbg_smartbuildings.png'),
|
||||||
img: require("../assets/img/boxbg_errands.png"),
|
url: '/IntelligentBuild',
|
||||||
url: ""
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
name: '物联网',
|
||||||
|
img: require('../assets/img/boxbg_iot.png'),
|
||||||
|
url: '/ourPlan/iot',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "智能建筑",
|
name: '模型管理',
|
||||||
img: require("../assets/img/boxbg_smartbuildings.png"),
|
img: require('../assets/img/boxbg_facilitiesmanagement.png'),
|
||||||
url: ""
|
url: 'http://mor.bimwe.com/',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "清洁管理",
|
name: '三维展示',
|
||||||
img: require("../assets/img/boxbg_cleaning.png"),
|
img: require('../assets/img/boxbg_errands.png'),
|
||||||
url: ""
|
url: '/ourPlan/reaEstate',
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
name: "建筑系统",
|
name: '智慧系统',
|
||||||
img: require("../assets/img/boxbg_propertyandrealestate.png"),
|
img: require('../assets/img/boxbg_propertyandrealestate.png'),
|
||||||
url: ""
|
url: 'http://soda.bimwe.com/',
|
||||||
},
|
},
|
||||||
{ name: "物联网", img: require("../assets/img/boxbg_iot.png"), url: "" }
|
],
|
||||||
]
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {},
|
||||||
onSlideChangeStart(currentPage) {
|
|
||||||
|
|
||||||
},
|
|
||||||
onSlideChangeEnd(currentPage) {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.swiper-pagination {
|
||||||
.swiper-pagination
|
|
||||||
{
|
|
||||||
bottom: 10%;
|
bottom: 10%;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,19 +1,22 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu> </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent></icontent>
|
<icontent>
|
||||||
|
<p> 房地产和物业是涵盖多个学科的专业，旨在确保建筑环境的功能。这是通过将人员，地点，流程和技术相互整合来实现的。</p>
|
||||||
|
|
||||||
|
<p> 无论您是购买，出售，租赁还是翻新您的房产，我们的解决方案都可以帮助您根据显示趋势和实时数据的当前图形关键指标做出明智的决策。</p>
|
||||||
|
|
||||||
|
<p> 在我们的解决方案中，所有功能都完全集成在一起，但也可以单独使用。</p>
|
||||||
|
</icontent>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
|
},
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -7,13 +7,12 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
msg: "Welcome to Your Vue.js App"
|
msg: 'Welcome to Your Vue.js App',
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,21 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu> </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent></icontent>
|
<icontent>
|
||||||
</div>
|
<p>
|
||||||
|
<img src="../../assets/img/iot1.jpg" style="width:100%" />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<img src="../../assets/img/iot1.jpg" style="width:100%" />
|
||||||
|
</p>
|
||||||
|
</icontent>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
msg: "Welcome to Your Vue.js App"
|
msg: 'Welcome to Your Vue.js App',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted: function() {
|
mounted() {},
|
||||||
debugger;
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<ihead></ihead>
|
<ihead></ihead>
|
||||||
<div class="contentPage">
|
<div class="contentPage">
|
||||||
|
|
||||||
<div class="contentTable">
|
<div class="contentTable">
|
||||||
<router-view></router-view>
|
<router-view></router-view>
|
||||||
@@ -9,16 +9,15 @@
|
|||||||
</div>
|
</div>
|
||||||
<ifooter></ifooter>
|
<ifooter></ifooter>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
msg: "Welcome to Your Vue.js App"
|
msg: 'Welcome to Your Vue.js App',
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -1,20 +1,25 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu> </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent></icontent>
|
<icontent>
|
||||||
|
<video class="video" controls="controls" autoplay="autoplay">
|
||||||
|
<source src="/三维.mp4" type="video/mp4" />
|
||||||
|
Your browser does not support the video tag.
|
||||||
|
</video>
|
||||||
|
</icontent>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {};
|
||||||
msg: "Welcome to Your Vue.js App"
|
},
|
||||||
};
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.video {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,18 +1,20 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<leftMenu> </leftMenu>
|
<leftMenu> </leftMenu>
|
||||||
<icontent></icontent>
|
<icontent>
|
||||||
</div>
|
<p> 我们所有的解决方案都基于最新技术，完全基于云的SaaS服务。为了传递数据和图形，可以对所有类型的系统进行基于Web服务的集成。</p>
|
||||||
|
<p> 我们强大的移动应用程序使用我们的GeoModel来可视化图形。有关我们的GeoModel的更多信息，请参阅“智能建筑和物联网”这一点。</p>
|
||||||
|
</icontent>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
msg: "Welcome to Your Vue.js App"
|
msg: 'Welcome to Your Vue.js App',
|
||||||
};
|
};
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user