@CHARSET "UTF-8";
html,body { height: 100%;}
body {
	background: url(../images/bg.jpg) no-repeat center top;
	background-color: #131117;
	font-family: "微软雅黑";
	font-size: 12px;
}
a { 
	color: rgba(255,255,255,.7);
	transition: color .3s;
	-moz-transition: color .3s;
  -webkit-transition: color .3s;
}
a:hover,
a:focus { 
	color: #fff;
	text-decoration: none;
}
/*标题*/
.header { margin-top: 120px;}
/*二维码*/
.ewm {
	width: 125px;
	height: 150px;
	margin-top: 45px;
	float: right;
}
.ewm .text {
	width: 125px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	background-color: #5f7de2;
	color: #fff;
	text-align: center;
}
/*搜索框*/
.input-group, 
.input-group .form-control,
.input-group .btn {
	height: 55px;
}
.input-group { 
	margin-top: 80px;
	position: relative;
}
.input-group .form-control {
	outline: none;
	border-color: rgba(68,68,68,.6);
	background-color: rgba(68,68,68,.6);
	color: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
  -webkit-transition: all .3s;
  line-height: 40px;
  font-size: 16px;
}
.input-group .form-control:focus {
	border-color: rgba(68,68,68,.8);
	background-color: rgba(68,68,68,.8);
	box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-size: 18px;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
  font-size: 18px;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
  font-size: 18px;
}
.input-group .btn {
	width: 120px;
	outline: none;
	background-color: rgba(249,135,20,.8);
	border-color: #df8428;
	color: #fff;
	transition: background-color .3s;
	-moz-transition: background-color .3s;
  -webkit-transition: background-color .3s;
}
.input-group .btn:hover {
	background-color: #f98714;
	border-color: #f98714;
	outline: none;
}
.datalist {
	position: absolute;
	top: 55px;
	z-index: 500;
	list-style: none;
	color: #fff;
	background-color: rgba(68,68,68,.8);
	display: none;
}
.datalist li {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	padding: 0 12px;
	cursor: pointer;
}
.datalist li:hover {
	background-color: #999;
}
/*会议格子*/
.item { padding: 0 2px;}
.row.item {
	padding: 0;
	margin: 0 -2px;
}
.row .row .item { 
	margin-top: 4px;
}
.hbox { 
	background-color: rgba(101,164,231,.2);
	position: relative;
	transition: background-color .3s;
	-moz-transition: background-color .3s;
  -webkit-transition: background-color .3s;
}
.hbox:hover {
	background-color: rgba(101,164,231,.9);
}
.hbox.open, .hbox.off { 
	background-color: rgba(101,164,231,.9);
	color: #fff;
}
.hy-1, .hy-6, .hy-7, .hy-8 { background-color: rgba(100,130,230,.2);}
.hy-1.open, .hy-6.open, .hy-7.open, .hy-8.open,
.hy-1.off, .hy-6.off, .hy-7.off, .hy-8.off,
.hy-1:hover, .hy-6:hover, .hy-7:hover, .hy-8:hover { 
	background-color: rgba(100,130,230,.9);
}
.bigs { 
	background-color: #6987eb;
}
.hbox i {
	position: absolute;
	background: url(../images/month.png) no-repeat;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
}
.hy-1 i, .hy-1.off i {
	background-position: 0 0;
	width: 109px;
	height: 109px;
}
.hy-1.open i { background-position: 0 -120px;}
.hy-2 i, .hy-2.off i { background-position: -360px -50px;}
.hy-2.open i { background-position: -360px -171px;}
.hy-3 i, .hy-3.off i { background-position: -260px -50px;}
.hy-3.open i { background-position: -260px -171px;}
.hy-4 i, .hy-4.off i { background-position: -210px -50px;}
.hy-4.open i { background-position: -210px -171px;}
.hy-5 i, .hy-5.off i { background-position: -360px 0;}
.hy-5.open i { background-position: -360px -120px;}
.hy-6 i, .hy-6.off i { background-position: -260px -50px;}
.hy-6.open i { background-position: -260px -171px;}
.hy-7 i, .hy-7.off i {
	background-position: -110px 0;
	width: 98px;
	height: 98px;
}
.hy-7.open i { background-position: -110px -120px;}
.hy-8 i, .hy-8.off i {
	background-position: -420px 0;
	width: 110px;
	height: 109px;
}
.hy-8.open i { background-position: -420px -120px;}
.hy-9 i, .hy-9.off i { background-position: -210px -50px;}
.hy-9.open i { background-position: -210px -171px;}
.hy-10 i, .hy-10.off i { background-position: -210px -50px;}
.hy-10.open i { background-position: -210px -171px;}
.hy-11 i, .hy-11.off i { background-position: -360px -50px;}
.hy-11.open i { background-position: -360px -171px;}
.hy-12 i, .hy-12.off i { background-position: -310px -50px;}
.hy-12.open i { background-position: -310px -171px;}

.hbox p {
	position: absolute;
	margin: 0;
	opacity: 1;
	width: 100%;
	text-align: center;
}
.hbox span.huigu { display: none;}
.hbox p.p1,
.hbox p.p4 {
	font-size: 88px;
	line-height: 100px;
	height: 100px;
	top: 70px;
	transition: all .3s;
	-moz-transition: all .3s;
  -webkit-transition: all .3s;
}
.hbox p.p2,
.hbox p.p5 {
	font-size: 50px;
	line-height: 70px;
	height: 70px;
	top: 115px;
	opacity: 0;
	transition: all .3s .1s;
	-moz-transition: all .3s .1s;
  -webkit-transition: all .3s .1s;
}
.hbox p.p1 {
	top: 21px;
}
.hbox p.p2 { top: 51px;}
.hbox p.p3 {
	font-size: 26px;
	top: 175px;
}
.hbox.off p.p1,
.hbox.off p.p4 {
	font-size: 56px;
	line-height: 60px;
}
.hbox.off span.huigu { 
	display: block;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: 2px;
}

.hbox:hover p.p1 {
	top: 5px;
	opacity: 0;
}
.hbox:hover p.p4 {
	top: 55px;
	opacity: 0;
}
.hbox:hover p.p2 {
	top: 36px;
	opacity: 1;
}
.hbox:hover p.p5 {
	top: 100px;
	opacity: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
	body { background-position: center -40px;}
	.hbox p.p1,
	.hbox p.p4 {
		font-size: 60px;
		top: 60px;
	}
	.hbox p.p1 { top: 9px;}
	.hbox:hover p.p1 { top: -5px;}
	.hbox:hover p.p4 { top: 45px;}

	.hbox p.p2,
	.hbox p.p5 {
		font-size: 40px;
		top: 95px;
	}
	.hbox p.p2 { top: 38px;}
	.hbox:hover p.p2 { top: 23px;}
	.hbox:hover p.p5 { top: 80px;}

	.hbox p.p3 {
		font-size: 22px;
		top: 150px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hbox p.p1,
	.hbox p.p4 {
		top: 120px;
	}
	.hbox p.p1 { top: 35px;}
	.hbox:hover p.p1 { top: 15px;}
	.hbox:hover p.p4 { top: 100px;}

	.hbox p.p2,
	.hbox p.p5 {
		top: 160px;
	}
	.hbox p.p2 { top: 70px;}
	.hbox:hover p.p2 { top: 50px;}
	.hbox:hover p.p5 { top: 140px;}

	.hbox p.p3 { top: 230px;}
}


.footer {
	margin-top: 100px;
	margin-bottom: 20px;
}
.footer a,
.footer {
	color: #eee;
}
.footer a:hover { text-decoration: underline;}
.footer ul,
.footer p {
	margin-bottom: 5px;
}