.bg-white{
	background: #FFFFFF;
}
.bg-black{
	background: #000000;
}
.bg-red{
	background: red;
}
.bg-blue{
	background: blue;
}
.bg-grey{
	background: #F6F6F6;
}
.non-border{
	border: none;
}
.color-red{
	color: red;
}


.header .swiper-wrapper .swiper-slide{
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: auto!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
	cursor: pointer;
}

.header .swiper-wrapper .swiper-slide.active{
	color: #F30;
}
.content .swiper-wrapper .swiper-slide{
	overflow: hidden;
}

.main-container .container{
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.main-container .container .col-xs-*{
	margin-bottom: 30px;
}
.main-container .container h5{
	margin-top: 15px;
	margin-bottom: 30px;
}

.row{
	position: relative;
}
.control-left{
	position: absolute;
	font-size: 50px;
	top: calc(50% - 50px);
	left: -30px;
	cursor: pointer;
}
.control-right{
	position: absolute;
	font-size: 50px;
	top: calc(50% - 50px);
	right: -30px;
	cursor: pointer;
}

.navbar{
	display: none;
}
ul.nav.navbar-nav li{
	background: none; 
}
ul.nav.navbar-nav li a{
	background: none;
}
ul.nav.navbar-nav li a.active{
	color: #F30;
}
ul.nav.navbar-nav li.active a{
	background: none;
	color: #F30;
}
ul.nav.navbar-nav li.active a:hover{
	background: none;
	color: #F30;
}
ul.nav.navbar-nav li:hover a{
	background: none;
	color: #F30;
}

.main-container .container .main-header h2{
	font-weight: 500;
}
.main-container .container .main-header p{
	color: #777;
	font-size: 12px;
	margin-top: 25px;
	margin-bottom: 50px;
}
.main-container .container .content{
	font-size: 16px;
	line-height: 28px;
}
.main-container .container .swiper-slide{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.main-container .container .swiper-slide h4{
	margin-top: 30px;
	margin-bottom: 15px;
}
.main-container .container .swiper-slide p{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
	line-height: 25px;
	color: #777;
}

.bg-img-1{
	background: url(../images/bg1.jpg) rgba(0, 0, 0, 0.7);
}

/**
 * .home-gulan
 */
.main-list{
	border: 1px solid #DCDCDC;
	padding-bottom: 15px;
	border-radius: 5px;
	padding-top: 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.main-list:hover{
	border: 1px solid #F60;
	background-color: #F7F7F7;
}
.main-list i{
	font-size: 60px;
	color: #F70;
	margin-top: 25px;
	margin-bottom: 15px;
}
.main-list h4{
	margin-top: 30px;
	margin-bottom: 15px;
}
.main-list p{
	padding-left: 10px;
	padding-right: 10px;
}

.page-header{
	border: 1px solid #DCDCDC;
	background-color: #FFF;
	padding: 30px;
	overflow: hidden;
	border-radius: 5px;
	text-align: left;
}
.page-header h4{
	border-bottom: 1px solid #F70;
	padding-bottom: 15px;
	font-weight: bold;
}
.page-header p{
	line-height: 28px;
	color: #777;
	margin-top: 15px;
	margin-bottom: 30px;
}

.home-gulan h4{
	margin-top: 20px;
	margin-bottom: 15px;
}
.home-gulan p{
	font-size: 13px;
	color: #777;
	line-height: 23px;
	padding-left: 15px;
	padding-right: 15px;
}

div.footer{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
}
div.footer .link{
	color: #777;
	margin-bottom: 10px;
}
div.footer .link a{
	color: #777；
}

/**
 * fanke
 *
 */
.tab-title .swiper-wrapper .swiper-slide{
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: auto!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
	cursor: pointer;
}


.col-sm-5{
	width: 100%;
	padding-left: 5px;
	padding-right: 5px; 
}
.col-sm-5 .thumbnail:hover{
	border: 1px solid #F30;
}
.col-sm-5 h4{
	margin-top: 25px;
	margin-bottom: 15px;
	cursor: pointer;
}
.col-sm-5 h4:hover{
	color: #F30;
}
.col-sm-5 p{
	color: #777;
	text-align: left;
	text-indent: 15px;
}

/**min-width:768px */
@media screen and (min-width:768px){
	.main-container .container{
		padding-top: 100px;
		padding-bottom: 100px;
		text-align: center;
	}
	.navbar{
		display: block;
		padding-top: 7.5px;
		padding-bottom: 7.5px;
		font-size: 15px;
	}
	.col-sm-5{
		width: 20%;
	}
}