@charset "utf-8";
/* CSS Document */

body {
	font-family: Microsoft YaHei;
}

#main_navigation {
    margin-top: 2px;
    float: right;
    font-family: Microsoft YaHei;
		font-size:24px;
		letter-spacing:3px;
		font-weight:600;
		color: #004aaf;
		 width: 50%;
}

#home_text {
    margin-top: 120px;
    margin-left: 80px;
    font-family: Microsoft YaHei;
		font-size:20px;
		color:#FFFFFF;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		width:95%;
}
   #main_navigation ul {
  	
  	    list-style-type: none;
  	   
  }
   #main_navigation li {
  float:right;
  
  }
  
  #our_team {
    margin-top: 20px;
     margin-left: 125px;
    font-family: Microsoft YaHei;
		font-size:20px;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		width:580px;
		color:#595B60;
 }
  #our_team ul {
  	
  	    list-style-type: circle;
  	   
  }

  
  a{
  	font-size: 28px;
  	
		color:#2D659F;
    padding: 3px 20px;
    text-transform: none;
    border-radius: 25px;
    border: 1px solid transparent;
    text-decoration: none;
    border:0px;

  }
  
  .comp_info {
	font-family: Microsoft YaHei;
	font-size:12px; 
	color:#95A1AC;
}

.company {
	font-family: Microsoft YaHei;
	font-size:16px; 
	font-weight:600;
	color:#708191;
}

.article {
    float: left;
    display: block;
    margin-right: 1.8867924528%;
    width: 25%;
    margin-left: 50px;
    background:#F3F4F8;
    border: 1px solid #F3F4F8;
    border-radius: 10px;
    cursor: pointer;
}

.solution_title {
    display: block;
    font-size: 30px;
    color: #111;
    margin-top: 25px;
}

.lockcases_title {
    display: block;
    font-size: 20px;
    color: #2d659f;
    margin-top: 25px;
}

.solution_tab {
    display: block;
    width: 150px;
    font-size: 20px;
    color: #ffffff;
    text-transform: none;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #ed7d31;
    float:left;
}

.solution_description {
    display: block;
    font-size: 20px;
    margin-top: 25px;
    color: #72747a;
    line-height: 150%;
}

span.button {
    background: #F05A28;
    color: #ffffff;
    border: 1px solid #F05A28;
    border-radius: 25px;
    padding: 7px 45px;
    display: inline-block;
    margin: 0;
    background: #ffffff;
    color: #595B60;
    border: 1px solid #e8e8e8;
    display: block;
    padding: 15px 0;
    border: 1px solid rgba(89,91,96,0.2);
    margin-bottom: 0;
    background-color: transparent;
    padding-bottom: 15px;
    margin-top: 15px;
    width: 70%
}

.active {
	background : #00b9f4;
}

#characteristic {
	float:left;
	font-family: Microsoft YaHei;
		font-size:20px;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		margin-left: 10%;
		width:70%;
}

#lockcases {
	float:left;
		font-size:20px;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		margin-left: 10%;
		width:70%;
		display:none;
}


#architecture {
	float:left;
	font-family: Microsoft YaHei;
		font-size:20px;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		margin-left: 10%;
		width:70%;
		display:none;
}

#security {
	float:left;
		font-size:20px;
		letter-spacing:3px;
		line-height:180%;
		font-weight:1;
		margin-left: 10%;
		width:70%;
		display:none;
}

.chararctTable {
	border-color:#ed7d31;
	border-style: solid;
	border-width: 4px;
	float:left;
	margin:0px;
	width:100%;
}

.description {
	line-height:150%;
}

.chararctTable td {
	border-top: solid;
	border-color: #ed7d31;
	backgroun: transparent;
	color:#7f7f7f;
	margin:0px;
}

.chararctTable tr {
	height:230px;
}

img {
	border:none;
}