/* ñ */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,400,700&display=swap');

body,html {
margin:0;
padding:0;
background:#fff;
font-family:'Nunito Sans',arial;
font-weight:200;
font-size:14px;
color:#333;
}
#video {
position:fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index:0;
}

a {
color:#0C58A1;
font-weight:400;
text-decoration:none;
cursor:pointer;
}
a:hover {
  text-decoration: underline;
}
ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
p {
  padding:0;
  margin:0;
}
input,select,textarea {
outline:none;
/*width:100%;  */
border:1px solid #eee;
border-radius:3px;
line-height:20px;
font-size:1.1rem;
color:#565656;
letter-spacing:1px;
font-weight:200;
text-align:center;
padding:5px 0;
}
textarea {
text-align:left;
padding:4px;
}

::placeholder { /* Firefox, Chrome, Opera */
   text-transform: initial;
    color: #555;
}
div {
overflow-wrap: break-word;
}
.cls {
clear: both;
}
.hr {
width:50%;
margin:0 auto;
border-bottom:1px solid #f1f1f1;
}
.firstimg {
display:inline-block;
width:200px;
}


.content {
position:relative;
width:100%;
background:rgba(255,255,255, 0.86);
z-index:1;
}
.subcontent {
padding:0;
margin:0 auto;
width:1270px;
background-repeat:no-repeat;
}

.subtext {
width:700px;
padding:3rem;
font-size:1.2rem;
line-height:1.8rem;
letter-spacing:1px;
font-weight:200;
border-radius:15px;
}
.center {
margin:0 auto;
}
.subtitle {
width:700px;
font-size:2rem;
line-height:4rem;
font-weight:400;
}
.subtitle i {
color:#d5d5d5;
}
.sicon {
display:inline-block;
margin:25px 15px 0 0;
width:40px;
height:40px;
background-size:40px;
background-position:center center;
background-repeat:no-repeat;
opacity:0.2;
}
.sicon.iot {
background-image:url('/img/biot.png');
}
.sicon.chat {
background-image:url('/img/bchat.png');
}
.sicon.user {
background-image:url('/img/buser.png');
}
.sicon.announcement {
background-image:url('/img/bmegaphone.png');
}
.sicon.robot {
background-image:url('/img/brobot.png');
}
.sicon.alert {
background-image:url('/img/balert.png');
}
.sicon.devices {
background-image:url('/img/bdevices.png');
}
.sicon.dashboard {
background-image:url('/img/bdashboard.png');
}
.sicon.fingerprint {
background-image:url('/img/bfingerprint.png');
}
.sicon.graph {
background-image:url('/img/bgraph.png');
}
.sicon.phone {
background-image:url('/img/bphone.png');
}
.sicon.server {
background-image:url('/img/bserver.png');
}
.sicon.phone {
background-image:url('/img/bphone.png');
}
.sicon.secure {
background-image:url('/img/bsecure.png');
}
.sicon.dsecure {
background-image:url('/img/bdsecure.png');
}
.sicon.sensor {
background-image:url('/img/bsensor.png');
}
.sicon.pipe {
background-image:url('/img/bpipe.png');
}
.sicon.antenna {
background-image:url('/img/bantenna.png');
}
.sicon.qr {
background-image:url('/img/bqr.png');
}
.sicon.camera {
background-image:url('/img/bcamera.png');
}

.white {
background-color:#fff;
}
.gray {
background-color:#f7f7f7;
}
.nav {
margin:0 auto;
height:130px;
overflow:hidden;
border-bottom:1px solid #f7f7f7;
}
.bubbles {
padding:60px 0;
}
.quotes {
padding:40px 0 70px;
}
.spadding {
padding:100px 0;
}
.bpadding {
padding:180px 0;
}

.iot {
padding:100px 0;
background-color:#fff;
background-image:url('/img/bg_iot.jpg');
background-position:99% 51%;
background-size:600px;
}
.db {
padding:120px 0;
background-color:#fff;
background-image:url('/img/bg_db2.png');
background-position:94% 41%;
background-size:700px;
}

.ft {
font-size:1.2rem;
text-align:center;
margin-bottom:0;
padding-bottom:60px;
}



.separator_text {
width:100%;
padding:0 0 80px;
text-align:center;
font-size:1.5rem;
font-weight:300;
line-height:2rem;
letter-spacing:1px;
color:#aaa;
}

.logo {
float:left;
margin-top:15px;
width:100px;
}
.menu {
float:right;
}
.menu_li {
display:inline-block;
padding:60px 20px;
font-family:'Nunito Sans',arial;
font-weight:400;
font-size:1rem;
color:#666;
cursor:pointer;
letter-spacing:1px;
}
.menu_li:hover {
text-decoration:underline;
}
.login_button {
margin-left:10px;
padding:10px 20px;
font-weight:400;
border-radius:5px;
background:#0C58A1;
color:#fff;
}

.quote {
display:inline-block;
padding:1rem 0;
width:580px;
color:#666;
box-shadow:2px 2px 6px #aaa;
border-radius:15px;
overflow:hidden;
}
.quote_text {
float:left;
width:510px;
padding:2rem 3rem;
font-weight:200;
font-size:1.9rem;
line-height:2.8rem;
color:#0C58A1;
border-radius:15px;
}
.quote_person {
display:inline-block;
width:510px;
}
.quote_person_img {
float:left;
margin-left:45px;
width:80px;
height:80px;
border-radius:100%;
background-repeat:no-repeat;
background-size:80px;
}
.quote_person_name {
float:right;
width:350px;
height:80px;
padding-top:12px;
line-height:2rem;
font-size:1.4rem;
font-weight:200;
color:#777;
}

.bubble {
display:inline-block;
width:395px;
height:130px;
margin:0 0 0 13px;
background-color:#fff;
box-shadow:2px 2px 6px #aaa;
border:2px solid #fff;
border-radius:15px;
font-size:0.9rem;
font-weight:400;
line-height:1.3rem;
color:#666;
background-repeat:no-repeat;
}
.borange {
background:#F29400;
border:2px solid #D17D00;
color:#fff;
}
.bgreen {
background:#539525;
border:2px solid #457A1F;
color:#fff;
}
.bblue {
background:#00519E;
border:2px solid #004280;
color:#fff;
}
.bubble_icon {
float:left;
width:95px;
height:130px;

background-repeat:no-repeat;
background-position:50% 50%;
background-size:64px;
}
.bubble_title {
float:right;
width:285px;
height:40px;
line-height:60px;
font-weight:700;
padding-right:15px;
font-size:1.1rem;
}
.bubble_text {
float:right;
width:285px;
padding-right:15px;
line-height:1.5rem;
font-size:1.1rem;
}

.biot {
background-image:url('/img/iot.png');
}
.pr {
background-image:url('/img/pr.png');
}
.sb {
background-image:url('/img/sb.png');
}
.id {
background-image:url('/img/id.png');
}
.ds {
background-image:url('/img/ds.png');
}
.bi {
background-image:url('/img/bi.png');
}

.cookie_panel {
position:fixed;
right:0;
left:0;
bottom:0;
background:#f7f7f7;
text-align:center;
font-size:1.1rem;
padding:20px 100px;
z-index:5;
}