.header{
  border-bottom: 1px solid #ddd;
  position: fixed;
  top: 0;
  z-index: 9999;
  background: #fff;
  font-weight: bold;
}
.in_news .ibox h3{
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.in_news .ibox p{
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#index{
	margin-top: 100px;
}
#index .in_aboutcon img{
    width: 100%;
    height: 350px;
}
#index .news_img{
	height: 120px;
}
/* 发展历程 */
#develop{
  margin-top: 100px;
}
#develop .main-timeline{
	overflow: hidden;
	position: relative;
}
#develop .main-timeline .timeline{
	position: relative;
  margin-top: -14px;
  height: 140px;
}
#develop .main-timeline .timeline:first-child{ margin-top:20px; }
#develop .main-timeline .timeline:before,
#develop .main-timeline .timeline:after{
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
#develop .main-timeline .timeline:before{
	content: "";
	width: 100%;
	height: 100%;
	box-shadow: -8px 0 5px -5px rgba(0, 0, 0, 0.5) inset;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
#develop .main-timeline .timeline-icon{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 25px solid transparent;
	border-top-color: #A2B5CD;
	border-right-color: #A2B5CD;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	transform: rotate(45deg);
}
#develop .main-timeline .year{
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.4);
	margin: auto;
	font-size: 17px;
	font-weight: bold;
	color: #A2B5CD;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transform: rotate(-45deg);
}
#develop .main-timeline .timeline-content{
	width: 35%;
	float: right;
	background: #A2B5CD;
	padding:20px 20px;
	/* margin: 50px 0; */
	z-index: 1;
	position: relative; 
}
#develop .main-timeline .timeline-content:before{
	content: "";
	width: 18%;
	height: 15px;
	background: #A2B5CD;
	position: absolute;
	top: 50%;
	left: -18%;
	z-index: -1;
	transform: translateY(-50%);
}
#develop .content-top1{
  top:38px;  
}
#develop .content-top2{
  top:27px;  
}
#develop .content-top3{
  top:16px;  
}
#develop .content-top4 {
  top: 3px;
}
#develop .content-top5 {
	top: -9px;
  }
#develop .main-timeline .title{
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
}
#develop .main-timeline .description{
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin: 0;
}
#develop .main-timeline .timeline:nth-child(2n):before{ box-shadow: 8px 0 5px -5px rgba(0, 0, 0, 0.5) inset; }
#develop .main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); }
#develop .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); }
#develop .main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; }
#develop .main-timeline .timeline:nth-child(2n) .timeline-content:before{
	left: auto;
	right: -18%;
}
#develop .main-timeline .timeline:nth-child(2n) .timeline-icon{
	border-top-color: #e97e2e;
	border-right-color: #e97e2e;
}
#develop .main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; }
#develop .main-timeline .timeline:nth-child(2n) .timeline-content,
#develop .main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #e97e2e;top: 35 px; }
#develop .main-timeline .timeline:nth-child(3n) .timeline-icon{
	border-top-color: #13afae;
	border-right-color: #13afae;
}
#develop .main-timeline .timeline:nth-child(3n) .year{ color: #13afae; }
#develop .main-timeline .timeline:nth-child(3n) .timeline-content,
#develop .main-timeline .timeline:nth-child(3n) .timeline-content:before{ background: #13afae; }
#develop .main-timeline .timeline:nth-child(4n) .timeline-icon{
	border-top-color: #105572;
	border-right-color: #105572;
}
#develop .main-timeline .timeline:nth-child(4n) .year{ color: #105572; }
#develop .main-timeline .timeline:nth-child(4n) .timeline-content,
#develop .main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #105572; }
@media only screen and (max-width: 1199px){
	#develop .main-timeline .timeline{ margin-top: -103px; }
	#develop .main-timeline .timeline-content:before{ left: -18%; }
	#develop .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; }
}
@media only screen and (max-width: 990px){
	#develop .main-timeline .timeline{ margin-top: -127px; }
	#develop .main-timeline .timeline-content:before{ left: -2%; }
	#develop .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; }
}
@media only screen and (max-width: 767px){
	#develop .main-timeline .timeline{
		margin-top: 0;
		overflow: hidden;
	}
	#develop .main-timeline .timeline:before,
	#develop .main-timeline .timeline:nth-child(2n):before{
		box-shadow: none;
	}
	#develop .main-timeline .timeline-icon,
	#develop .main-timeline .timeline:nth-child(2n) .timeline-icon{
		margin-top: -30px;
		margin-bottom: 20px;
		position: relative;
		transform: rotate(135deg);
	}
	#develop .main-timeline .year,
	#develop .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); }
	#develop .main-timeline .timeline-content,
	#develop .main-timeline .timeline:nth-child(2n) .timeline-content{
		width: 100%;
		float: none;
		border-radius: 0 0 20px 20px;
		text-align: center;
		padding: 25px 20px;
		margin: 0 auto;
	}
	#develop .main-timeline .timeline-content:before,
	#develop .main-timeline .timeline:nth-child(2n) .timeline-content:before{
		width: 15px;
		height: 25px;
		position: absolute;
		top: -22px;
		left: 50%;
		z-index: -1;
		transform: translate(-50%,0);
	}
}

/* 公司简介 */
#company{
  margin-top: 100px;
}

#company .company{padding-right:2em;margin-top:2%;background:#FAFAFA;line-height:2.4em;color:#666666;font-size:14px;}
#company .company img{width: 100%; float:left;}

/* 企业文化 */
#culture{
  margin-top: 100px;
}
#culture .culture{padding-left:2em;padding-right:2em;margin-top:2%;background:#FAFAFA;line-height:2.4em;color:#666666;font-size:14px;}
#culture .culture img{
  float:left;
  margin-right:30px;
  width: 40%;
  height: 200px;
}

/* 董事长致词 */
#speech{
  margin-top: 100px;
}
#speech .speech{padding-left:2em;padding-right:2em;padding-top:10px;background:#FAFAFA;line-height:2.4em;color:#666666;font-size:14px;}
#speech .speech img{
  float:left;
  margin-right:30px;
  width: 35%;
  height: 200px;
}
/* 质量保证 */
#quality{
	margin-top: 100px;
}
/* 新闻中心 */
#news{
	margin-top: 100px;
}
#news .news_img{
	height: 130px;
	width: 260px;
}
#news .n_newslist a{
	cursor: pointer;
}
#news .news_title{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
  
}
#news .news_content{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
  
}
/* 新闻详情 */
#newsview a{
	cursor: pointer;
}

/* 产品展示 */
#product{
	margin-top: 100px;
}
#product #vlightbox1{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* background: #ddd; */
}
#product #vlightbox1 .vlightbox1{
	background: #EEEEEE;
	width: 20%;
}
#product #vlightbox1 .vlightbox1 img{
	height: 160px;
	width: 100%;
}

#outerImageContainer{
	/* margin-top: 200px !important; */
}
#imageContainer{
	height: 400px !important;
}
#imageContainer img{
	width: 100% !important;
	height: 95% !important;
}
#proview{
	margin-top: 100px;
}
#device{
	margin-top: 100px;
}
#deviceview{
	margin-top: 100px;
}
#contact{
	margin-top: 100px;
}
/* 加入康宇 */
/* #join .join_cont{
	background:url('../images/join/bac2.jpg');
	background-size: 100% 100%;
	padding:50px 0 300px 0;
}
#join .join_img{
	width: 40%;
	height: 600px;
	margin-left: 30%;
} */
#join{
	margin-top: 100px;
}
#join .n_about h1{
	text-align: center;
}
#join  .n_about h2{
	text-align: center;
	color: #D96E18;
}
#join .join_title{
	width: 40%;
	margin-left: 30%;
	/* margin: auto; */
}
#join .n_about .join_img{
	width: 100%;
	height: 500px;
	margin-top: 20px;
}
#join .n_about .join_img2{
	width: 60%;
	margin-left: 20%;
	height: 600px;
	margin-top: 20px;
}
#join .n_about .join_img3{
	height: 350px;
	margin-top: 20px;
}
#join .n_about .join_img3_en{
	height: 350px;
	margin-top: 20px;
	margin-left: 70px;
}
#join .n_about .join_img4{
	height: 300px;
	margin-top: 20px;
}
#join .n_about .join_img4{
	height: 300px;
	margin-top: 20px;
	margin-left: 20px;
}
#join .train-1v1 {
	width: 270px;
	text-align: center;
	margin-left: 68px;
	margin-top: 10px;

}
#join .train-title {
    font-size: 34px;
    color: #444;
    margin-bottom: 15px;
}
#join .train-500 {
	width: 250px;
	text-align: center;
}
#join .train-growup{
	margin-top: -40px;
	width: 255px;
	text-align: center;
}
#join .dian{
	/* color: #000; */
}
#join .so-join{
	margin-top: 40px;
	font-size: 47px;
	color: #ff8c1b;
}
#join .youjian{
	margin-top: 30px;
	font-size: 25px;
	font-weight: 0;
	color: #444;
}