h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0; padding:0;}
p {margin: 0;}
html, body{
	font-family: Microsoft YaHei, STHeiti, sans-serif;
	font-size: 100%;
	background: #f7f7f7;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}	
body {
  padding-top:0px;
}
a:focus {
  outline: thin dotted;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: 0px;
  text-decoration:none;
}
h5{
    font-size: 16px;
}
/*-- header_top --*/
.sidebar{
    background:#484848;
    top: 0px;
    padding: 2em 30px;
}
.sidebar h1{
	font-size:2.5em;
	font-weight:700;
	margin-bottom:1em;
	COLOR:#fff;
	font-family: 'Varela Round', sans-serif;
	
}
.sidebar img{
	border:1px solid #f5f5f5;border-radius: 3px;
	padding:0.5em;
	width:100%;
}
.details{
	margin-top:2em;
}
.details h3{
	font-weight:600;
	font-size:1em;
	color:#7d7d7d;
}  
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.details p{
    color: #ffffff;
	font-size:0.9rem;
	margin:5px 0 2em 0;
}
.details p a{
	color:#fff;
	font-size:0.9rem;
}
address h3{
	margin-bottom:5px;
}
address span{
	display:block;
	color:#fff;
	font-size:0.9em;
	line-height:1.5em;
}
/*----*/
.main{  
  padding:2em 0;
}
.content{
	margin-right:3em;
}
.glyphicon {
  top:1px;
}
.glyphicon-file:before,.glyphicon-print:before,.glyphicon-envelope:before,.glyphicon-picture:before{
    margin-right: 9px;
  font-size: 14px;
  color: #6ecadc;
}
.details_header{
	padding: 0em 1em 0 2em;
}
.details_header ul li{
	display:inline-block;
}
.details_header ul li a{
	padding:0 1.5em 0 0;
	color:#333;
}
.details_header ul li a:hover{
	color:#6ecadc;
}
.company {
	margin:0 0 2em 0;
}
.company h3{
  color: #FFF;
  padding: 5px 38px 5px 30px;
  display: inline-block;
    /*font-size: 22px;*/
}
.skills h3{
  color: #FFF;
  padding: 5px 38px 5px 30px;
  display: inline-block;
    font-size: 22px;
}
.company_details,.education_details {
	padding:1em 0 0em 2em;
}
.company_details h4,.education_details h4{
	color:#333;
	font-weight:600;font-size: 1.2rem;
	/*font-size:1.2em;*/
	margin-bottom:6px;
	font-family: 'Varela Round', sans-serif;
}
.company_details h4 span,.education_details h4 span{
	font-size: 0.85em;
  margin-left: 5px;
  color: #999;
  font-weight:400;
}
.company_details h6,.education_details h6{
	/*font-weight:400;*/
	margin-bottom:1em;
	font-size:0.9rem;
}
.company_details p,.skill_info p,.education_details p{
	color:#999;
    font-size: .9rem;
	/*font-weight:300;*/
	line-height:1.7em;
    overflow: hidden;
}
.cmpny1{
	border-top:2px dashed #999;
    padding-bottom:2em;
}
.skills{
	margin:2em 0;
}
.skill_info {
	padding:1.5em 0 0 2em;
}
.skill_list{
	padding:1.5em 0 0 2em;
}
.skill1,.skill2{
	 float:left;
	 width:30%;
}
.skill1 h4,.skill2 h4{
	color:#333;
	font-weight:600;
	margin-bottom:1em;
	display:inline-block;
}
.skill1 ul,.skill2 ul{
	padding-left:4em;
}
.skill1 ul li,.skill2 ul li{
	color:#333;
}
.education  h3{
  background: #999;
  color: #FFF;
  padding: 5px 38px 5px 30px;
  display: inline-block;
}
h3.clr1{
	background:#5bc0de;
}
h3.clr2{
	background:#f0ad4e;

}
h3.clr3{
	background:#5cb85c;
}
.copywrite{
	padding-left:2em;
	margin-top:1em;
}
.copywrite p{
	color:#999;
	font-size:0.9em;
}
.copywrite p a{
	color:#999;
}
.copywrite p a:hover{
	color:#6ecadc;
}
.contact-grid form{
	padding:2em 0 0 2em;
}
.contact-grid input[type="text"], .contact-grid textarea {
  width: 80%;
  padding: 0.7em;
  margin: 0.5em 0;
  background: none;
  outline: none;
  border: 1px solid #A09F9F;
  font-size: 1em;
  color: #A09F9F;
  -webkit-appearance: none;
}
.send input[type="submit"] {
  width: 14%;
  font-size: 1.1em;
  background:#e9a820;
  padding: 0.4em 0.8em;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
  -webkit-appearance: none;
}
.send input[type="submit"]:hover {
  background: #6ecadc;
}
.contact-grid textarea {
  resize: none;
}
.map{
	padding:2em 0 0 2em;
}
.map iframe {
  width: 100%;
  height: 350px;
  border: none;
}
/*--responsive--*/

@media (max-width: 1366px){
    .sidebar h1 {
        font-size: 2em;
    }
}
@media (min-width: 1366px){
    .company_details h6 {
        font-size: 1rem;
    }
}
@media (max-width: 1024px){
.sidebar {
  padding: 2em 17px;
  width:20%;
}
.sidebar h1 {
  font-size: 1.6em;
}
.main {
  margin-left: 19.666667%;
  width: 80%;
}
}
@media (max-width: 768px){
.sidebar {
  width: 22%;
}
.main {
  margin-left: 21.666667%;
  width: 78%;
}
.sidebar h1 {
  font-size: 1.4em;
}
.sidebar img {
  padding: 0.5em;
  width: 89%;
}
.details_header {
  padding: 0em 1em 0 1em;
}
.details_header ul li a {
  padding: 0 1em;
  font-size: 0.9em;
}
.company h3,.skills h3,.education h3{
  font-size: 1.2em;
}
.company_details h4, .education_details h4 {
  font-size: 1.1em;
}
.company_details h6, .education_details h6 {
  font-size: .9rem;
}
.company_details p, .skill_info p, .education_details p,.company_details dl ul {
  font-size: .9rem;
}
.cmpny1 {
  /*padding-bottom: 1.5em;*/
}
.skill1, .skill2 {
  float: left;
  width: 50%;
}
.skill1 ul li,.skill2 ul li{
	font-size:0.85em;
}
.skill1 h4, .skill2 h4 {
  font-size: 1em;
}
.skill_list {
  padding: 0.7em 0 0 2em;
}
.details p {
  font-size: 0.75em;
}
address span {
  /*font-size: 0.8em;*/
}
.contact-grid input[type="text"], .contact-grid textarea {
  width: 100%;
  font-size: 0.8em;
}
.send input[type="submit"] {
  width: 20%;
  font-size:0.85em;
}
}
@media (max-width: 736px){
.sidebar {
  width: 100%;
}
.main {
  margin-left: 0;
  width: 100%;
}
.sidebar_top{
	width:30%;
	float:left;
	margin-right:5%;
}
.details{
	width:60%;
	float:left;
}
}
@media (max-width: 640px){
.sidebar {
  width: 100%;
}
.main {
  margin-left: 0;
  width: 100%;
}
.sidebar_top{
	width:30%;
	float:left;
	margin-right:5%;
}
.details{
	width:60%;
	float:left;
}
.sidebar img{
	width:100%;
}
.details p {
  font-size: 0.9em;
  margin: 5px 0 1em 0;
}
.details h3 {
  font-size: 0.9rem;
}
}
@media (max-width: 600px){
address {
  margin-bottom:0px;
}
.sidebar_top {
  width: 32%;
}
.sidebar img {
  width: 85%;
}
}
@media (max-width: 568px){
.details_header ul li a {
  padding: 0 0.5em;
  font-size: 0.9rem;
}
}
@media (max-width: 480px){
.content {
  margin-right: 2em;
}
.glyphicon-save:before, .glyphicon-print:before, .glyphicon-envelope:before, .glyphicon-picture:before {
  margin-right: 6px;
  font-size: 12px;
}
.details_header ul li a {
  padding: 0 0.5em;
  font-size: 0.85rem;
}
.details {
  width: 36%;
}
.sidebar h1 {
  font-size: 1.3rem;
}
.sidebar_top {
  width: 38%;
}
address {
  margin-bottom: 0px;
}
.copywrite{
	padding-left:1em;
}
.map iframe {
  height: 246px;
}
}
@media (max-width: 414px){
.sidebar_top {
  width: 45%;
}
.sidebar img {
  width: 91%;
}
.details {
  width: 42%;
}
.details_header {
  padding: 0em 0em 0 1em;
}
.details_header ul li a {
  padding: 0 0.3em;
  font-size: 0.75rem;
}
.skill1 ul, .skill2 ul {
  padding-left: 3em;
}
}
@media (max-width: 384px){
.sidebar h1 {
  font-size: 1.2rem;
}
.details {
  width: 45%;
}
.details_header ul {
  text-align: center;
}
.details_header ul li a {
  padding: 0 1em;
  font-size: 0.75rem;
}
.main {
  padding: 1em 0 2em 0;
}
.company_details, .education_details,.skill_info  {
  padding: 1em 0 0em 1em;
}
.company h3 {
  padding: 5px 41px 5px 16px;
}
.company_details h4, .education_details h4 {
  font-size: 0.9rem;
}
.company_details h6, .education_details h6 {
  font-size: 0.6rem;
}
.company {
  margin: 1em 0;
}
.skills {
  margin: 1em 0;
}
.company h3, .skills h3, .education h3 {
  font-size: 1rem;
}
/*.skills h3 {*/
  /*padding: 5px 98px 5px 16px;*/
/*}*/
.skill1 ul, .skill2 ul {
  padding-left: 2em;
}
.skill1 ul li, .skill2 ul li {
  font-size: 0.75rem;
}
.skill_list {
  padding: 0.5em 0 0 1.5em;
}
.education h3 {
  /*padding: 5px 190px 5px 16px;*/
}
.copywrite p{
	font-size:0.7rem;
}
}
@media (max-width: 375px){
.sidebar h1 {
  font-size: 1rem;
}
.sidebar img {
  width: 70%;
}
.details h3 {
  font-size: 0.8em;
}
.details p {
  font-size: 0.75rem;
  margin: 5px 0 0.5em 0;
}
address span {
  font-size: 0.7rem;
}
.sidebar {
  padding: 1.5em 17px 1em 17px;
}
.details_header {
  padding: 0em 0em 0 1em;
  text-align: center;
}
.details_header ul li a {
  line-height: 2rem;
}
}
@media (max-width: 320px){
.sidebar_top {
  width: 50%;
}
.sidebar img {
  width: 80%;
}
.details h3 {
  font-size: 0.7rem;
}
.content {
  margin-right: 1rem;
}
.details_header ul li a {
  padding: 0 0.5rem;
  font-size: 0.75rem;
}
.skill1 h4, .skill2 h4 {
  font-size: 0.85rem;
}
.skill1 ul, .skill2 ul {
  padding-left: 1.5rem;
}
}
/* 项目链接地址 */
.projectLink{
    margin-top: 0px;
}
p.projectLink,.projectLink a{
    color: #4eb174;
    font-weight: bold;
}
.projectLink a{
    font-weight: bold;
}

/* 项目 介绍 */

.company_details dl{ margin-bottom: 10px }
.company_details dt{ font-weight: normal }
.company_details dl ul{
    /*font-weight: 300;*/
    line-height: 30px;
    margin-left: 20px ;
    color: #999;
}
.company_details dl ul b{
    color: #2eb563;
}

.hide_code{
    position: relative;
}
.hide_code img{ display: none;}
.hide_code:hover img{
    display: block;
    position: absolute;
    right: -50px;
    top:30px;
}

@media (min-width: 737px){
    .sidebar {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

h3.clr4{
    background: #828282;
}

li.gray{
    color: #999;
}

.btn-primary {
    background-color: #3c925d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #086d2f;
    border-color: #285e8e;
}
.tree > ul{
    margin-left: 2em;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tree h5{
    padding-left: 1em;
    line-height: 25px;
    background: #efefef;
    color: #666;
}
.tree h6{
    margin-bottom: 0;
}
.tree > ul li{
    margin-left: 2rem;
    border-bottom: 1px solid #eee;
    line-height: 28px;
    font-size: .9rem;
    color: #666;
 }

.tree > ul li:last-child{
    border-bottom: none;
}
.red{
    color: #f00;
}

.projectSummary{
    /*font-size: smaller;*/
    line-height: 28px;
}
.projectSummary dl{
    color: #666;
}
.projectSummary ul{
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.well-link a{
    color: #4eb174;
}
.moreCompany{
    display: none;
}
.moreCompanyLink{
    text-align: center;
    color: #2eb563;
    cursor: pointer;
    margin-top: 20px;
}
.moreCompanyLink span{
    background: #2fb463;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}