@charset "utf-8";
* {margin: 0; padding: 0;}
html, body {
  height: 100%;
}
body{
  font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
  background-color: #f9f9f9;
  position: relative;
  color:#333;
  /*background: -webkit-linear-gradient(#005886, #B5D4CA); 
  background: -o-linear-gradient(#005886, #B5D4CA); 
  background: -moz-linear-gradient(#005886, #B5D4CA); 
  background: linear-gradient(#005886, #B5D4CA);*/      
}
a {
  text-decoration: none;
}
.clearfloat {
	width: 100%;
	height: 1px;
	overflow: hidden;
  clear: both;
  /*background: red;*/
}
.container {
	position: relative;
	margin: 0 auto;
	height: 100%;
}
/*上部LOGO*/
.logo-box {
  position: relative;
  padding-left: 15px;
  padding-top: 30px;
  z-index: 1;
}
.logo-box .qn-logo {
  width: 48px;
  height: 48px;
  float: left;
  margin-top:3px;
  background: url("../images/building/logo.png") no-repeat center center;
  background-size: cover;
}
.logo-box .logo-text {
  float: left;
}
.logo-box .logo-text span {
  display: block;
  padding: 0 10px;
}
.logo-box .logo-text .txt-1 {
  color:#8EC31F;
  font-size:.75em;
}
.logo-box .logo-text .txt-2 {
  color:#555;
  font-size:.75em;
}
.logo-box .logo-text .txt-3 {
  color:#0E6EB8;
  font-size:.9em;
  font-weight:bold;
}
/*中间主体内容*/
.main-box {
  position: relative;
  width: 165px;
  height: 240px;
  margin: 0 auto;
  margin-top: 30px;
  background: url("../images/building/main-bg.png") no-repeat center center;
  background-size: cover;
}
/*主体文字*/
.title-box {  
  margin-top: 20px;
  width: 100%;
  text-align: center;  
  color: #006E31;
  letter-spacing: 1px;
  z-index: 2;
}
.title-box .project-name span {
  font-size: 0.85em;
}
.title-box p {
  font-size: 0.85em;
  margin-top: 15px;
}
/*页脚文字*/
.copy-right {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 16px 0;
  background: rgba(0,0,0,0.7);
}
.copy-right p {
  /*position: relative;
  width: 240px;
  left: 50%;
  margin-left: -120px;*/
  text-align: center;
  font-size: 0.85em;
  color: #FFF;
}
.copy-right p a {
  color: #FFF;
}
/*平板电脑*/
@media (min-width: 768px) {
	.container {
		width: 700px;
	}
  .main-box {
  	margin-top: 0;
    width: 330px;
    height: 480px;
  }
  .logo-box .logo-text .txt-1 {
	  color:#8EC31F;
	  font-size:.9em;
	}
	.logo-box .logo-text .txt-2 {
	  color:#555;
	  font-size:.9em;
	}
	.logo-box .logo-text .txt-3 {
	  color:#0E6EB8;
	  font-size:1em;
	  font-weight:bold;
	}
	.title-box {
    margin-top: 10px;	
		letter-spacing: 2px;
	}
	.title-box .project-name {
		font-size: 1.5em;
	}
	.title-box .project-name span {
	  font-size: 0.75em;
	}
	.title-box p {
	  font-size: 1em;
	  margin-top: 15px;
	}
}
/*PC*/
@media (min-width: 992px) {
	.container {		
		width: 800px;		
	}
}