/* 分类 */
.classify{
	padding:30px 0;
	border-bottom:1px solid #ddd;
}
.classify .list li{
	float:left;
	height:40px;
	line-height:40px;
}
.classify .list li:before{
	content:'';
	display:inline-block;
	width:1px;
	height:14px;
	background:#999;
	margin:0 20px;
	position:relative;
	top:2px;
}
.classify .list li:first-child:before{
	display:none;
}
.classify .list li.on a{
	color:#15a1dc;
}
.classify .list li a{
	font-size:15px;
}
.classify .list li a:hover{
	color:#15a1dc;
}
.classify .search{
	position:relative;
	margin-top:2px;
}
.classify .search .key{
	border-radius:40px;
}
.classify .search .send{
	position:absolute;
	right:1px;
	top:1px;
	background:none;
	outline:none;
	height:32px;
	width:45px;
	border:none;
	background:#fff;
	border-radius:0 40px 40px 0;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
	background:#fff;
}
.classify .search .send:hover{
	background:#15a1dc;
	color:#fff;
}

/* 关于我们 */
.about{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
	flex-wrap:wrap;
	margin:50px 0;
}
.about .left{
	display:flex;
	align-items:center;
	width:50%;
}
.about .left .topTitle{
	margin-bottom:40px;
	margin-top:-50px;
}
.about .left .topTitle span{
	font-size:28px;
	font-weight:700;
	padding-bottom:10px;
	border-bottom:2px solid #333;
}
.about .left .desc{
	line-height:32px;
	font-size:15px;
	margin-right:40px;
	text-align: justify;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:13;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.about .right{
	width:50%;
}
.about .right video{
	height:400px;
	background:#000;
}

.about-count{
	display:flex;
	flex-wrap:wrap;
	padding:50px 0;
	justify-content:space-between;
}
.about-count .item{
	width:20%;
	border-left:1px solid #ccc;
	box-sizing:border-box;
	text-align:center;
	color:#15a1dc;
	padding:0 5px;
}
.about-count .item:first-child{
	border:none;
}
.about-count .item strong{
	font-size:64px;
	font-weight:500;
}
.about-count .item span{
	font-size:36px;
	color:#15a1dc;
	position:relative;
	top:-20px;
}
.about-count .item i{
	font-style:normal;
	font-size:22px;
}
.about-count .item .p1{
	margin-top:-10px;
}
.about-count .item .p2{
	color:#666;
	margin-bottom:-10px;
	font-size:15px;
}

.imgs{
	display:flex;
	flex-wrap:wrap;
	margin:50px 0;
}
.imgs .imgbox{
	width:50%;
}
.imgs .imgbox img{
	width:100%;
}

/* 发展历程 */
.history{
	background:#f5f6f8;
	padding-bottom:50px;
	margin-top:50px;
}
.history .topTitle{
	margin:50px 0;
}
.history .topTitle span{
	font-size:28px;
	font-weight:700;
	padding-bottom:10px;
	border-bottom:2px solid #333;
}
#history-swiper{
	overflow:hidden;
	position:relative;
}
#history-swiper .swiper-slide{
	height:300px;
}

#history-swiper .item .desc{
	margin:0 30px;
	font-size:14px;
	height:70px;
	display:flex;
	align-items:flex-end;
}
#history-swiper .item .desc p{
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

#history-swiper .item .dashed{
	border-left:1px dashed #333;
	height:150px;
	width:1px;
	margin:0 auto;
	position:relative;
}
#history-swiper .item .dashed:after{
	content:'';
	width:10px;
	height:10px;
	position:absolute;
	left:50%;
	bottom:0px;
	background:#333;
	margin:0 0 -5px -5px;
	border-radius:10px;
}
#history-swiper .item .year{
	font-size:36px;
	text-align:center;
	font-weight:500;
	margin-top:10px;
	color:#666;
}


#history-swiper .item.even .desc{
	margin-top:50px;
}
#history-swiper .item.even .dashed{
	height:100px;
}

#history-swiper .line{
	height:2px;
	position:absolute;
	top:220px;
	background:#333;
	width:100%;
}

#history-swiper .arrow-right{
	float:right;
	font-size:36px;
	margin-top:-50px;
	position:relative;
	z-index:99;
	cursor:pointer;
	color:#666;
}
#history-swiper .arrow-left{
	float:left;
	font-size:36px;
	margin-top:-50px;
	position:relative;
	z-index:99;
	cursor:pointer;
	-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);transform:rotate(180deg);
	color:#666;
}
#history-swiper .arrow-right:hover,#history-swiper .arrow-left:hover{
	color:#15a1dc;
}

#history-swiper .swiper-slide-next .dashed{
	border-color:#15a1dc;
}
#history-swiper .swiper-slide-next .dashed:after{
	background:#15a1dc;
}
#history-swiper .swiper-slide-next .desc{
	color:#15a1dc;
}
#history-swiper .swiper-slide-next .year{
	color:#15a1dc;
}



@media screen and (max-width:768px){

	
	
	.classify .list li{width:33.333%;text-align:center;position:relative;}
	.classify .list li:before{margin:0px;position:absolute;left:0px;top:12px;background:#999;}
	.classify .list li[noborder]:before{display:none;}
	.classify .search{margin-top:5px;}
	
	.about{margin: 30px 0;}
	.about .left{width:100%;}
	.about .left{align-items:flex-start;}
	.about .left .topTitle{margin:0px; padding-bottom:20px;font-size:26px;}
	.about .right{width:100%;}
	.about .left .desc{margin-right:0px;margin-bottom:10px;}
	
	.about-count{padding:0px;}
	.about-count .item{width:50%;border:none;text-align:left;padding-bottom:30px;padding-left:10px;}
	.about-count .item .p1{margin-top:0px;}
	.about-count .item strong{font-size:42px;margin-bottom:0px;}
	
	.imgs{margin:0;}
	.imgs .imgbox{width:100%;}
	
	.history .topTitle{margin:30px 0;}
	.history .topTitle span{font-size:26px;}
	#history-swiper .item .year{font-size:22px;}
}