/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
	color: #5a5a5a;
}

.head-nav .navbar-brand {
	padding: 0;
	margin-right: 20px;
}

.head-nav .navbar-brand img {
	max-height: 100%;
}

.carousel {
	height: 600px;
	margin: 50px 0 0;
}

.carousel-caption {
	z-index: 10;
	bottom: auto;
	padding-top: 40px;
}

.carousel .item {
	height: 600px;
	background-color: #777;
}

.carousel-inner>.item>img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	max-width: none;
	height: 600px;
}

.container-fluid {
	padding: 80px 0;
}

.container-icon .img-circle {
	width: 140px;
	height: 140px;
}

.container-sfdc {
	background-color: #4e90d3;
	color: white;
}

.container-wx {
	background: url("../image/container_bg_wx.png") no-repeat center;
	background-size: cover;
}

.container-wxa {
	color: white;
	background-color: #4e90d3;
	background: linear-gradient(45deg, #4e90d3, #4e90d3);
}

.container-footer {
	background-color: #f4f4f4;
}

.logo-left, .logo-right {
	background-repeat: no-repeat;
}

.logos {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 420px;
	text-align: center;
}

.code {
	position: absolute;
	top: 96px;
	height: 220px;
	transform: translateX(-50%);
}

.user {
	position: absolute;
	top: 60px;
	left: calc(50% - 175px);
	width: 50px;
	height: 50px;
	background-image: url("../image/wxlogo/user.png");
	background-size: 50px;
}

.charket {
	position: absolute;
	top: 176px;
	left: calc(50% - 255px);
	width: 59px;
	height: 59px;
	background-image: url("../image/wxlogo/charket.png");
	background-size: 59px;
}

.dialog {
	position: absolute;
	top: 310px;
	left: calc(50% + 155px);
	width: 47px;
	height: 47px;
	bottom: 100px;
	background-image: url("../image/wxlogo/dialog.png");
	background-size: 47px;
}

.meeting {
	position: absolute;
	top: 308px;
	left: calc(50% - 170px);
	width: 50px;
	height: 50px;
	background-image: url("../image/wxlogo/meeting.png");
	background-size: 50px;
}

.small_logo {
	position: absolute;
	top: 103px;
	transform: translateX(-55%);
	width: 550px;
}

.ticket {
	position: absolute;
	top: 115px;
	left: calc(50% + 215px);
	width: 50px;
	height: 50px;
	background-image: url("../image/wxlogo/ticket.png");
	background-size: 50px;
}

.sf {
	position: absolute;
	top: 188px;
	left: calc(50% + 165px);
	width: 56px;
	height: 56px;
	background-image: url("../image/wxlogo/sf.png");
	background-size: 56px;
}

.wei_xin {
	position: absolute;
	top: 55px;
	left: calc(50% + 110px);
	width: 59px;
	height: 59px;
	background-image: url("../image/wxlogo/weixin.png");
	background-size: 59px;
}

.logo {
	display: none;
}

.logo {
	animation: logoScale 1s alternate;
}

@keyframes logoScale {from { transform:scale(0.5);
	opacity: 0;
}
to {
	transform: scale(1);
	opacity: 1;
}
}
@media ( min-width : 768px) {
	.head-nav .navbar-nav>li>a {
		padding: 20px 15px;
	}
	.head-nav .navbar-brand {
		height: 60px;
	}
	.carousel {
		height: 600px;
		margin: 60px 0 0;
	}
	.container-icon .img-circle {
		width: 140px;
		height: 140px;
	}}