/*首页幻灯片*/

.gallery {
	
	height: 500px;
	-webkit-transition: .25s;
	transition: .25s;
	background-color: #ddd;
}

.gallery-cell {
	width: 100%;
	/* full width */
	height: 500px;
	/* height of gallery */
	margin-right: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	
}

.gallery-cell img {}

.flickity-page-dots {
	bottom: 10px;
}

.flickity-page-dots .dot {
	width: 12px;
	height: 12px;
	opacity: 1;
	background: #000;
	border: 2px solid white;
	-webkit-transition: .5s;
	transition: .5s;
}


/* fill-in selected dot */

.flickity-page-dots .dot.is-selected {
	background: white;
}

.flickity-prev-next-button {
	width: 60px;
	height: 60px;
	background: transparent;
}

.flickity-prev-next-button:hover {
	background: transparent;
}


/* arrow color */

.flickity-prev-next-button .arrow {
	fill: white;
}

.flickity-prev-next-button.no-svg {
	color: white;
}


/* hide disabled button */

.flickity-prev-next-button:disabled {
	display: none;
}

@media (min-width: 1201px) {
	.gallery-cell {
		height: 500px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 100%;
		
	}
	.gallery {
		height: 500px;
	}
}

@media (min-width: 993px) and (max-width: 1200px) {
	.gallery-cell {
		height: 420px;
	}
	.gallery {
		height: 420px;
	}
}

@media (min-width: 769px) and (max-width: 992px) {
	.gallery-cell {
		height: 360px;
	}
	
	.gallery {
		height: 360px;
	}
	.flickity-prev-next-button {
		width: 40px;
		height: 40px;
	}
	.flickity-page-dots .dot {
		margin: 0 2px;
	}
	.flickity-page-dots {
		bottom: 10px;
	}
}

@media (max-width: 768px) {
	.gallery-cell {
		height: 180px;
	}
	.gallery {
		height: 180px;
	}
	.flickity-prev-next-button {
		width: 30px;
		height: 30px;
	}
	.flickity-page-dots .dot {
		margin: 0 2px;
	}
	.flickity-page-dots {
		bottom: 10px;
	}
}

.main-page {
	background: #f5f5f5;
	padding-top: 20px;
	padding-bottom: 20px;
}


.index-btn{
	width: 100%;
	height: auto;
	text-decoration: none;
}
.index-btn img{
	width: 100%;
	height: auto;
}
.index-btn p{
	background-color: #fff;
	padding: 6px 12px;
	color: #999;
	margin-bottom: 0;
}
.index-btn:hover p{
	color: #666;
}

@media (max-width: 768px) {
	.main-page .col-xs-4{
		padding-left: 5px;
		padding-right: 5px;
	}
	.index-btn p{
		font-size: 12px;
	}
	.index-btn p b{
		display: block;
		display: none;
	}
}


.index-pro{
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.index-pro a {
	border: 1px solid #fff;
	height: auto;
	display: block;
	text-align: center;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	
}
.index-pro a:hover{
	border: 1px solid #ddd;
	
}
.index-pro a img{
	width: 90%;
	margin: 0 auto;
	
}
.index-pro a p{
	text-align: center;
}
.index-pro .row div {
	padding-right: 5px;
padding-left: 5px;
}