.intro{
	padding: 0px 0;
	background: #eee;
}
.intro .intro-r{
	background: #fff;
	padding: 15px;
}
.intro .intro-r .title{
	background: #efefef;
}
.intro .intro-r .title h3{
	line-height: 50px;
	padding-bottom: 10px;
	display: inline-block;
	border-bottom: 2px solid #c91821;
	font-size: 20px;
	font-weight: 600;
	margin-left: 10px;
}
.intro .intro-r .intro-r-box{
	padding: 20px;
}
.intro .intro-r .intro-r-box p {
	text-indent: 2em;
	line-height: 24px;
	font-size: 1.6rem;
	color: #666;
}

/*荣誉*/
.intro1 .intro-r-box ul li{
	list-style: none;
	width: 31%;
	float: left;
	margin:0 1%;
	margin-bottom: 20px;
}
.intro1 .intro-r-box ul li .honor-img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.intro1 .intro-r-box ul li .honor-img img{
	width: 100%;
	height: 100%;
	transition: .5s;
}
.intro1 .intro-r-box ul li:hover img{
	transform: scale(1.1);
}
.intro1 .intro-r-box ul li p{
	text-align: center;
	padding-top: 5px;
}
#imgModule{display:none;}
#imgDefault{cursor:pointer;}
#imgDefault span{float: left;margin:10px;}
#imgDefault span p{text-align: center;}
#imgDefault ul li{width: 23%;float: left;list-style: none;margin: 0 1%;margin-bottom: 10px;}
.imgItem{width:100%;height:auto;}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:fixed;left:0;top:0;width:100%;height:100%;z-index: 99999;}/*背景遮罩*/
.lightBoxContent{/*width:800px;height:530px;*/position:fixed;left:63%;top:50%;background:#fff;margin:-265px 0 0 -400px;z-index: 999999;}/*放大图片样式*/
#imgLoader{width:32px;height:32px;position:fixed;left:50%;top:50%;margin:-16px 0 0 -16px;display:none;z-index: 99999;}/*缓存动态图标*/
#imgLight{/*width:800px;height:530px;*/-webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:fixed;top:50%;margin-top:-25px;cursor:pointer;z-index: 999999;}/*左右按钮*/
.lightBoxSprite{background-image:url('../images/imgIcons.png');background-repeat:no-repeat;z-index: 999999;}/*功能图片*/
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:fixed;top:15px;right:15px;cursor:pointer;}/*关闭按钮*/
.lightBoxPagination{position:fixed;left:0;bottom:50px;width:100%;text-align:center;z-index: 9999;}/*圆点*/
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}

/*组织*/
.intro2 .intro-r-box img{
	margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    max-width: 100%;
    height: auto;
}

/*发展历程*/
.time-line{width:100%;margin:20px auto;position: relative;}
		.time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../images/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;}
		.time-line .left-btn{left:0;top:50%;}
		.time-line .right-btn{right:0;top:50%;transform: rotate(180deg);}
		.time-line .right-btn:hover{background: url(../images/arrow-hover.png) no-repeat;transform: rotate(180deg);}
		.time-line .left-btn:hover{background: url(../images/arrow-hover.png) no-repeat;}
		.time-line .time-box{width: 90%;margin: 0 auto;overflow: hidden;}
		.time-line .time-box ul{overflow: hidden;position: relative;height: 400px;}
		.time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;}
		.time-line .time-box li{width:210px;float: left;padding: 10px;box-sizing: border-box;border: 1px solid #d2d2d2;position: relative; cursor: pointer;}
		.time-line .time-box li:nth-child(2n){margin-top: 239px;}
		.time-line .time-box li:before{content: "";border-left: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;position: absolute;width: 16px;height: 16px;background: #fff;   bottom: -9px; transform: rotate(-45deg);left: 50%;margin-left: -8px;}
		.time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../images/point.png) no-repeat;position: absolute;left:50%;margin-left:-7px;bottom: 0;    bottom: -48px; z-index: 1;}
		.time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);}
		.time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;}
		.time-line .time-box li:hover,.time-line .time-box li.active{background: #1b96ff;color:#fff;border-color: #1b96ff;}
		.time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;}
		.time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../images/point-hover.png) no-repeat;}

.product-section{padding-bottom:50px;position:relative;background:url(../images/productBase-features-bag.jpg) no-repeat;background-size:cover}
.product-title{padding:50px 10px 30px;font-weight:normal;font-size:36px;line-height:46px;color:#252b3a;text-align:center;color:#ffffff}
.product-wrapper{max-width:1200px;padding-left:10px;padding-right:10px;margin-left:auto;margin-right:auto;position:relative}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-body{margin:0px 25px}
.product-body:after{content:"";width:100%;height:3px;background:url(../images/productBase-features-model.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:70px;left:0;z-index:0}
/*li*/
.features-item{position:relative;float:left}
.features-slide .features-item>*{text-align:center}
.features-item h3{font-size:16px;line-height:28px;margin-bottom:50px;color:#555;opacity:0.7;transition:all 0.1s}
.features-item i{position:absolute;width:75%;height:30px;background:url(../images/productBase-features-timeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:55px;z-index:3}
.features-item .features-info{display:block;margin:0 auto;padding:20px 53px;transition:all 0.3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:16px;color:#FFFFFF;line-height:24px;overflow:hidden}
.features-item.dark i{background:url(../images/productBase-features-timeline-dark.png) no-repeat;background-size:contain;background-position:right center}
/*鼠标悬浮效果*/
.features-item:hover h3{font-size:22px;line-height:28px;opacity:0.9}
.features-item:hover i{width:75%;margin-left:13px;background:url(../images/productBase-features-timeline-hover.png) no-repeat;background-size:contain;background-position:right center}
.features-item:hover a{background:url(../images/productBase-features-info.png) no-repeat;background-size:100% 100%}
/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:40%;left:-15px;top:60%;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-left.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.product-features .swiper-button-next{width:30px;height:40%;right:-15px;top:60%;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:15px;height:30px;background:url(../images/productBase-features-right.png) no-repeat;background-size:100% 100%;top:50%;margin-top:-15px;left:50%;margin-left:-7px}
.intro4 .intro-r .intro-r-box p{
	text-indent: 0;
}
.intro3 img{
	margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    max-width: 100%;
    height: auto;
}

.sj-p-t{display: none;}
.sj-p-t p{color: #fff!important;padding-top: 10px;}

/*发展时间*/
.demo{ padding: 2em 0;}
	.main-timeline{ position: relative; }
	.main-timeline:before,
	.main-timeline:after{
		content: "";
		display: block;
		width: 100%;
		clear: both;
	}
	.main-timeline:before{
		content: "";
		width: 100%;
		height: 5px;
		background: #fff;
		margin: auto 0;
		position: absolute;
		top: 50%;
		left: 0;
	}
	.main-timeline .timeline{
		width: 22%;
		float: left;
		margin-left: 3%;
		position: relative;
	}
	.main-timeline .timeline:before{
		content: attr(data-heading);
		display: inline-block;
		font-size: 24px;
		font-weight: bold;
		color: #fff;
		transform: rotate(-90deg);
		position: absolute;
		top: 30px;
		left: -2px;
		z-index: 2;
	}
	.main-timeline .timeline:after{
		content: "";
		width: 5px;
		height: 60px;
		border-left: 9px dotted #fff;
		position: absolute;
		top: 54%;
		left: 71px;
	}
	.main-timeline .timeline-content{
		padding: 15px 0 25px 50px;
		margin-bottom: 80px;
		border-radius: 15px;
		border: 5px solid #fff;
		text-align: left;
		background: #f67420;
		z-index: 1;
		position: relative;
	}
	.main-timeline .timeline:nth-child(even) .timeline-content{ background: #43a6ba; }
	.main-timeline .timeline-content:before{
		content: "";
		width: 40px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #d66215;
		border-radius: 10px 0 0 10px;
	}
	.main-timeline .timeline:nth-child(even) .timeline-content:before{ background: #1784ab; }
	.main-timeline .timeline-content:after{
		content: "";
		width: 40px;
		height: 40px;
		background: #f67420;
		border-bottom: 5px solid #fff;
		border-right: 5px solid #fff;
		position: absolute;
		bottom: -23px;
		left: 50px;
		transform: rotate(45deg);
		z-index: -1;
	}
	.main-timeline .timeline:nth-child(even) .timeline-content:after{ background: #43a6ba; }
	.main-timeline .description{
		font-size: 14px;
		color: #fff;
	}
	.main-timeline .read-more{
		display: inline-block;
		padding-right: 15px;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-transform: capitalize;
		position: relative;
	}
	.main-timeline .read-more:before{
		/*content: "\f0da";
		font-family: 'FontAwesome';*/
		font-size: 24px;
		position: absolute;
		top: -6px;
		right: 0;
	}
	.main-timeline .year{
		display: inline-block;
		width: 85px;
		height: 85px;
		line-height: 85px;
		background: #f67420;
		border-radius: 5px;
		border: 5px solid #fff;
		text-align: center;
		margin-left: 34px;
		transform: rotate(45deg);
		position: relative;
	}
	.main-timeline .timeline:nth-child(even) .year{ background: #43a6ba; }
	.main-timeline .year span{
		display: block;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		transform: rotate(-45deg);
	}
	.main-timeline .timeline.bottom{ margin: -7.7% 0 0 7%; }
	.main-timeline .timeline.bottom:nth-child(5n+1),
	.main-timeline .timeline.bottom:last-child{ margin-left: 3%; }
	.main-timeline .timeline.bottom:before{
		top: auto;
		bottom: 110px;
	}
	.main-timeline .timeline.bottom:after{
		top: auto;
		left: auto;
		bottom: 54%;
		right: 71px;
		border-color: #fff;
	}
	.main-timeline .timeline.bottom .timeline-content{
		margin: 80px 0 0 0;
		padding: 15px 0 40px 50px;
	}
	.main-timeline .timeline.bottom .timeline-content:after{
		border: none;
		border-top: 5px solid #fff;
		border-left: 5px solid #fff;
		bottom: auto;
		top: -23px;
		left: auto;
		right: 50px;
	}
	.main-timeline .timeline.bottom .year{
		top: 4px;
		margin-left: 132px;
	}
	@media only screen and (max-width: 1199px){
		.main-timeline:before{
			width: 5px;
			height: 100%;
			top: 0;
			left: 5%;
		}
		.main-timeline .timeline,
		.main-timeline .timeline.bottom,
		.main-timeline .timeline.bottom:nth-child(5n+1),
		.main-timeline .timeline.bottom:last-child{
			width: 85%;
			float: none;
			margin: 0 0 20px 15%;
		}
		.main-timeline .timeline:after,
		.main-timeline .timeline.bottom:after{
			width: 60px;
			height: 5px;
			top: 50px;
			left: -58px;
			border-top: 9px dotted #fff;
		}
		.main-timeline .timeline-content,
		.main-timeline .timeline.bottom .timeline-content{ margin: 0; }
		.main-timeline .year,
		.main-timeline .timeline.bottom .year{
			width: 65px;
			height: 65px;
			line-height: 60px;
			margin: 0;
			position: absolute;
			top: 20px;
			left: -15.5%;
			z-index: 1;
		}
		.main-timeline .timeline .timeline-content:after{ display: none; }
		.main-timeline .timeline.bottom:before{
			bottom: auto;
			top: 30px;
			left: -2px;
		}
	}
	@media only screen and (max-width: 990px){
		.main-timeline .year,
		.main-timeline .timeline.bottom .year{
			left: -16.8%;
		}
	}
	@media only screen and (max-width: 767px){
		.main-timeline .timeline:after,
		.main-timeline .timeline.bottom:after{ display: none; }
		.main-timeline .year,
		.main-timeline .timeline.bottom .year{
			width: 30px;
			height: 30px;
			border: 3px solid #fff;
			left: -13.5%;
		}
		.main-timeline .year span{ display: none; }
	}
	@media only screen and (max-width: 480px){
		.main-timeline .year,
		.main-timeline .timeline.bottom .year{ left: -15.5%; }
	}



@media screen and (max-width: 321px){
	.lightBoxContent{width: 300px;height: 400px;margin: -200px 0 0 -150px;}
	#imgLight{width: 300px;}
}
@media screen and (max-width: 375px){
	.lightBoxContent{width: 350px;height: 450px;margin: -225px 0 0 -175px;}
	#imgLight{width: 350px;height: 450px;}
}
@media screen and (max-width: 420px){
	.lightBoxContent{width: 380px;height: 450px;margin: -225px 0 0 -190px;}
	#imgLight{width: 380px;height: 450px;}
}

@media screen and (max-width: 1200px){
	.intro .intro-r .title h3{line-height: 20px;}
	.intro1 #imgDefault ul li{width: 49%;margin:0;margin-right:2%; }
	.intro1 #imgDefault ul li:nth-child(even){margin-right: 0;}
	.intro4 .product-wrapper{display: none;}
	.intro4 .fz-time{display: none;}
	.sj-p-t{display: block;background: #8b8b8b;padding: 20px 10px;}
	
}