/* CSS Document */

html {box-sizing: border-box;}*, *::before, *::after {box-sizing: inherit;}
html,body {  margin: 0 auto;overflow-x: hidden; overflow-y: auto;background: #fff;color:#333;font-size:1em;} img {max-width: 100%; height: auto;} h1 {text-align: center;  color: #333;font-size: 1em;background:#00CC99; } h2 {text-align: justify; color: #333;font-size: 1em; }@media (min-width: 768px) {h1 {text-align: center;  color: #333;font-size: 2em;background:#00CC99; }h2 {text-align: justify;  color: #333;font-size: 1.2em;}} topspace {width: 100%;box-sizing: border-box;z-index: 0;float:left;display: flex;} header {position: fixed;width: 100%;pading: 0em;z-index: 99;left: 0;top: 0;background-color: #E3F4FE;background-size:coverfloat:left;display: flex;align-items:center;text-align:center;} @media (orientation: portrait) {header {height: 10vh;} .topspace {height: 10vh;}} @media (orientation: landscape) {header { height: 11vh; }.topspace {height: 11vh;}}.logo { width: 35vw; height:auto;box-sizing: border-box;content: url('../images/logo4.png'); } @media screen and (min-width: 768px) {.logo { width: 35vw; content: url('../images/header.png'); }}} .navbar {width: 35%; box-sizing: border-box; margin-left: 0%; padding-top: 0%; padding-left: 0%; overflow:auto; float:left; display: flex; position:relative;} .nav-menu {width: 100%; box-sizing: border-box;float:left;list-style-type: none; aline-item:center;} .nav-item {width: 10vw; margin-top:0em; padding:0em; text-aline: center; font-family: Arial, Helvetica, sans-serif;font-weight: bold;} :root { --font-scale-1: clamp( 1rem, 0.1rem + 1vw, 1.5rem );} .nav-item {font-size: var(--font-scale-1); } .nav-item dropdown {width: 6em;margin-top:0.6em; padding:0em;}.dropdown { position: relative;} .dropdown-menu {width: 10vw; padding-left:0.5em;list-style-type: none;z-index: 99;display: none;position: absolute;top: 100%;  left: 0; background-color: #f0f0f0;} .dropdown:hover .dropdown-menu { display: block;}.dropdown-item {width: 8vw; margin-top:0.5em; margin-bottom:0.5em;font-size: 1em;font-family: Verdana, Geneva, sans-serif;font-weight: normal;list-style-type: none; line-height:2;} .mobile-CN { width: 35vw; padding:0em; box-sizing:border-box; float:left; list-style-type: none; font-size:1.3em; text-align:center;}.mobile-EN {width: 20vw; padding:0em; box-sizing: border-box; float:left; list-style-type: none;font-size:1.3em;text-align:center;} .mobile-dropdown {width: 5em; box-sizing: border-box; padding:0em; position: relative; display: inline-block; z-index: 99;text-align:center;} .hamburger {cursor: pointer; padding: 0.2em; font-size:2em;}
.dropdown-content {display: none;position: absolute;right:0;background-color: #f9f9f9;min-width: 5em;z-index: 99;list-style-type: none;text-align:left;}.dropdown-content a { color: black;padding-left: 1em;text-decoration: none; display: block;z-index: 99;}.menu-item{font-size:1.2em; line-height: 2;}.menu-item dropdown{width: 7em;}.prdt-dropdown-menu { width: 8em; padding-left:1em; line-height: 3; }.prdt-dropdown-item {list-style-type: none;line-height: 2.5;}.dropdown-content a:hover { background-color: #f1f1f1;}.show {display: block;}.nav-menu {display: none;}@media (min-width: 1200px) {.nav-menu {display: flex;} .hamburger {display: none;} .mobile-CN {display: none;}.mobile-EN {display: none;}}.carousel-container{width: 100%;float: left;alignment-adjust: central;position: relative;}.banner {width: 100%;float: left;alignment-adjust: central; position: relative;}.content {width: 86%;box-sizing: border-box;margin-left: 7%;margin-righ: 7%;margin-top: 2em;margin-bottom: 2em;text-align: justify;}.introduce {width: 100%; box-sizing: border-box; margin-left: 0; margin-righ: 0; margin-top: 0em; margin-bottom: 1em;	padding-left: 0em; padding-right: 0em; float: left; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; line-height: 2;} .introduce-L {width: 100%; box-sizing: border-box; margin-left:0%; margin-righ:0%; padding-bottom: 1em;float: left; text-align:center;}.introduce-R {width: 100%;box-sizing: border-box; margin-left:0%; margin-righ:0%; margin-top: 0em; margin-bottom: 0em;float: left;} @media (min-width: 768px) {.content {width: 90%;box-sizing: border-box;margin-left: 5%;margin-righ: 5%;margin-top: 2em;margin-bottom: 2em;text-align: justify;} .introduce {width: 100%;box-sizing: border-box;margin-left: 0;margin-righ: 0;margin-top: 0em;margin-bottom: 1em;padding-left: 1em;padding-right: 1em;float: left;line-height: 2;} :root {  --font-scale: clamp( 1rem, 0.5rem + 1vw, 1.5rem );} .introduce {font-size: var(--font-scale);} .introduce-L {width: 30%;box-sizing: border-box;margin-left:2%;margin-righ:0%;margin-top: 2em;float: left;}.introduce-R {width: 68%;box-sizing: border-box;padding-left:2em;padding-right:2em;float: left;font-family:Arial, Helvetica, sans-serif;font-size:1em;display:flex;align-items:center;justify-content: center;text-align:justify;line-height: 2;}}
 .feature-list {list-style-type: none;font-family: Arial, Helvetica, sans-serif;font-size: 0.8em;text-align: justify;line-height:2;}.model {width: 100%;box-sizing: border-box;margin-left: auto;margin-righ: auto;padding-top:1em;padding-bottom:1em;float: left;text-align: center;}.contact {width:100%;box-sizing: border-box;margin-left: 0;margin-righ: 0;padding-left:8%; padding-right:1%;float: left;background-color: #E3F4FE;background-size: cover;list-style-type: none;}.address {width: 100%;box-sizing: border-box;margin-left:0%;margin-right:0%;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}.wechat {width: 100%;box-sizing: border-box; margin-left:0%;margin-right:0%;margin-bottom:1.5em;list-style-type: none;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}.sendmessage {width: 100%;box-sizing: border-box;margin-left: 0%;margin-right: 0%;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}@media screen and (min-width: 768px) {.address {width: 47%;box-sizing: border-box;margin-left:10%;margin-right:1%;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}.wechat {width: 20%;box-sizing: border-box; margin-left:1%;margin-right:1%;margin-bottom:1.5em;list-style-type: none;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}.sendmessage {width: 20%;box-sizing: border-box;margin-left: 0%;margin-right: 0%;float: left;font-size: 0.8em;font-family: Verdana, Geneva, sans-serif;}}
footer {width: 100%;box-sizing: border-box;height: 2.5em;display:flex;font-size: 1.0em;align-items:center;justify-content: center;background-color: #6699CC;background-size: cover;color: #000000;}