body {
	padding-top: 50px;
}

a,a:hover,a:link,a:active {
	text-decoration: none;
}
.navbar-brand{
	padding: 8px;
}
.navbar-brand img{
    height: 100%;
}
.carousel-inner1 {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel {
	height: 80%;
	background-color: #000;
	margin-bottom: 6px;
}
.h{display: none;}
.carousel .item {
	height: 100%;
	background-color: #000;
}

.carousel-caption p {
	font-size: 20px;
	line-height: 1.8;
	color: #fff;
}

.carousel img {
	width: 100%;
}

.container {
	width: 100%;
}

.row {
	margin-bottom: 6px;
}

.row .activity {
	height: 248px;
}

.row .activity:nth-of-type(1) {
	background: url(../images/share_img.jpg) no-repeat;
	background-size: cover;
    background-position: center top;
    margin-bottom: 4px
}

.row .activity:nth-of-type(2) {
	background: url(../images/event_img.jpg) no-repeat;
	background-size: cover;
    background-position: center top;
    margin-bottom: 4px
}

.row .activity:nth-of-type(3) {
	background: url(../images/family_img.jpg) no-repeat;
	background-size: cover;
    background-position: center top;
    margin-bottom: 4px
}

.row .activity:nth-of-type(4) {
	background: url(../images/active_img.jpg) no-repeat;
	background-size: cover;
    background-position: center top;
    margin-bottom: 4px
}

.row .activity h3 {
	padding: 18px 0 0 18px;
	font-size: 24px;
	color: #fff;
	font-weight: 500;
}

.activity a {
	display: block;
	width: 108px;
	height: 34px;
	line-height: 34px;
	margin: 90px 0 0 20px;
	border: 1px solid #fff;
	text-align: center;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
}

.activity a:hover {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
}

.activity a em {
	width: 11px;
	height: 11px;
	display: inline-block;
	background: url(../images/icon-right.png) no-repeat;
	background-size: cover;
}

.activity a:hover em {
	background: url(../images/icon-right1.png) no-repeat;
	background-size: cover;
}
.masking{width: 100%;height: 100%;opacity: 0.8; position: absolute;left: 0; top: 0;z-index: 2;}
.masking:hover{background: none;opacity: 1;}
footer {
	background: #191919;
	padding-top: 60px;
}

.share {
	background: #191919;
	text-align: center;
	position: relative;
}

.call {
	border-bottom: 1px solid #2b2b2b;
	padding: 10px 0 20px;
}

.share .call a {
	margin: 5px 10px;
	color: #D1D1D1;
}

.lianxi a {
	display: inline-block;
	height: 32px;
	width: 32px;
	margin: 8px;
}

.lianxi a:nth-of-type(1) {
	background: url(../images/weibo.png);
	background-size: 32px;
}

.lianxi a:nth-of-type(2) {
	background: url(../images/weixin.png);
	background-size: 32px;
}

.lianxi a:nth-of-type(3) {
	background: url(../images/jl.png);
	background-size: 32px;
}

.lianxi a:nth-of-type(4) {
	background: url(../images/git.png) left top no-repeat;
	background-size: 28px;
}

.ewm {
	display: none;
	position: absolute;
	top: 0px;
	left: 28%;
}

.lianxi a:hover .ewm {
	display: block;
}

.call a {
	display: block;
}

.copyright {
	text-align: center;
	padding-bottom: 20px;
}

.copyright p {
	color: #d1d1d1;
}
.copyright p a{
	color: #fff;
}
.notice{width: 600px;height: 395px;background: url(../images/notice.png) bottom center no-repeat;background-size: 100%; margin: 0px auto;position: fixed;display: none; z-index: 1998;cursor: pointer;top: -100px;}
@media only screen and (max-width: 480px) {
.notice{width: 100%;height: 300px;background: url(../images/notice.png) bottom center no-repeat;background-size: 100%; margin: 0px auto;position: fixed;display: none; z-index: 1998;}
}

@media (min-width: 600px) {
	.row .activity {
		height: 214px;
	}
	.row .activity:nth-of-type(1) {
		background: url(../images/share_img.jpg) no-repeat;
		background-size: 99% 210px;
	}
	.row .activity:nth-of-type(2) {
		background: url(../images/event_img.jpg) no-repeat;
		background-size: 100% 210px;
	}
	.row .activity:nth-of-type(3) {
		background: url(../images/family_img.jpg) no-repeat;
		background-size: 99% 210px;
	}
	.row .activity:nth-of-type(4) {
		background: url(../images/active_img.jpg) no-repeat;
		background-size: 100% 210px;
	}
	.lianxi a {
		display: inline-block;
		height: 32px;
		width: 32px;
		margin: 8px;
	}
	.call a {
		display: inline-block;
	}
	.ewm {
		display: none;
		position: absolute;
		top: -54px;
		left: 38.5%;
	}
	.notice{left: 12%;}
}
@media only screen and (max-width: 767px) {
	.nav>li{
		text-align: center;
	}	
}
@media (min-width: 768px){
	.navbar-nav {
		float: right;
		margin: 0;
	}		
}
@media (min-width: 992px) {
	body {
		padding: 0;
	}
	.col-md-3 {
    width: 24.81%;
}
	.line {
		display: block;
		height: 2px;
	}
	.navbar-brand img{
	    height: 100%;
	}	
	.navbar-inverse .navbar-nav>li>a:hover .line {
		animation: myaction .5s ease;
		background: #fff;
	}
	@keyframes myaction {
		from {
			width: 10%;
			background: #fff;
		}
		to {
			width: 100%;
			background: #fff;
		}
	}
	.navbar {
		opacity: 0.8;
		height: 100px;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.navbar-brand,
	.navbar-inverse .navbar-nav>li>a {
		height: 100px;
		font-size: 16px;
		line-height: 20px;
		color: #fff;
	}
	.row .activity {
		height: 210px;
		position:relative;
		z-index:9;		
		overflow:hidden;
	}
	.row .activity .masking{
		animation: dh 4s infinite;
	    animation-direction:alternate;	
		transition: all 1s;		
	}
	@keyframes dh{
	0%{transform: scale(0.95);}
	100%{transform: scale(1.05);}
    } 
	
	.row .activity:nth-of-type(1) {
		background: url(../images/share_img.jpg) no-repeat;
		background-position: center top;
    	background-size: cover;
    	margin-right: 0.25%;
	}
		
	.row .activity:nth-of-type(2) {
		background: url(../images/event_img.jpg) no-repeat;
		background-position: 27% top;
   		background-size: cover;
   		margin-right: 0.25%;
	}
	.row .activity:nth-of-type(3) {
		background: url(../images/family_img.jpg) no-repeat;
		background-position: center top;
    	background-size: cover;
    	margin-right: 0.25%;
	}
	.row .activity:nth-of-type(4) {
		background: url(../images/active_img.jpg) no-repeat;
		background-position: center top;
    	background-size: cover;
		
	}
	.row .activity:hover{
		box-shadow: 0px 0px 16px #999;
		transition: all 1s;
	}	
	.ewm {
		display: none;
		position: absolute;
		top: -16px;
		left: 44%;
	}
	.notice{left: 30%;}	
}
@media only screen and (max-width: 414px) {
	
.s,.carousel-control,.carousel-indicators{
	display: none;
}
.h{
	display: block;
}
.carousel-caption {
    position: absolute;
    top: 20px;
    left: 5%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
/* .carousel-caption h3{font-size: 22px; animation: fly 1s ease;transition:all 1s;}
@keyframes fly{
	from{transform: translate(-400px,0);}
	to{transform: translate(0,0);}
} */
.carousel-caption h3{transform: translate(-400px,0);transition:all 1s ease;}
.carousel-caption h3:nth-of-type(1){transition-delay: 0.2S;}
.carousel-caption h3:nth-of-type(2){transition-delay: 0.4S;}
.carousel-caption h3:nth-of-type(3){transition-delay: 0.6S;}
.carousel-caption h3:nth-of-type(4){transition-delay: 0.8S;}

}