* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
}
.flexBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flex-column {
    flex-direction: column;
    -webkit-flex-direction: column;
}
.flex-justify-center {
    justify-content: center;
    -webkit-justify-content: center;
}
.flex-justify-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.flex-justify-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.flex-align-center {
    align-items: center;
    -webkit-align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
#banner {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #440900;
}
#banner .banner-box {
    width: 100%;
    height: 500px;
}
#banner .banner-area {
    height: 500px;
    background-image: none;
    background-position: top center;
    background-repeat: no-repeat;
}
#banner .banner-area .row {
    position: relative;
    height: 100%;
}
#bannerimg a{ display:block; height:300px; width:100%;}
.content {
	padding: 0px;
	width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.content_hyrc{
	margin: 0 auto;
	padding: 25px 0;
	width: 100%;
}
.poneleft2 span {
	font-size: 12px;
}
.poneleft2 span p {
	text-indent: 24px;
	display: block;
	margin-top: 5px;
}
.poneleft2 span strong a:hover {
	color: #F30;
}
.poneleft2 span p a:hover {
	color: #F63;
}


.poneleft2 span strong {
	display: block;
	margin-top: 20px;
}



#footer {
	margin: 0px;
	padding: 0px;
	background-color: #720000;
	color:#ffffff;
}
#footerbox {
	width: 1200px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
}
#footerbox a{ color:#ffffff !important;}
#footerbox a:hover {
	text-decoration: underline;
}
#footerbox p {
	color: #ffffff;
	font-size: 12px;
}
#bannerlogo a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-size: 14px;
}
/* .pthr .pthrright span {
	font-size: 14px;
	line-height: 28px;
	display: block;
	width: 403px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	height: 290px;
}

.pthrright span a:hover{ color:#AC0000;}

.pthrright span .conp3 .p3box a:hover {
	color: #F60;
	text-decoration: none;
}

.pthrright span .conp3 {
	display: block;
	zoom: 1;
	margin-top: 22px;
	margin-bottom: 20px;
}
.pthrright span .conp3::after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.pthrright span .conp3
.titlep3   {
	display: block;
	float: left;
	text-align: center;
	width: 90px;
	height: 30px;
	font-size: 16px;
	font-weight: bolder;
	background-color: #fdd574;
	color: #333333;
}
.pthrright span .conp3 .titlep31 {
	display: block;
	float: left;
	text-align: center;
	width: 120px;
	height: 30px;
	font-size: 16px;
	font-weight: bolder;
	background-color: #fdd574;
	color: #333333;
}

.pthrright span .conp3 .p3box{
	display: block;
	float: left;
	margin-left: 20px;
	line-height: 30px;
} */
.news_img { width:320px; height:260px; overflow:hidden; float:left; position:relative;border:2px solid #ccc}
.news_img ul li{ position:absolute; display:none;}
.news_img .news_yd{ width:50px; height:15px; position:absolute; right:8px; bottom:12px;}
.news_img .news_yd li{ width:15px; height:15px; border-radius:50%; background:rgba(255,255,255,0.8); float:left;cursor:pointer;margin-left:8px;}
.news_img .news_yd li.cur{ background:#c60505;}


.h1 {
	font-size: 20px;
	line-height: 33px;
	color: #AC0000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	text-align:center;
	width:105px; margin:0 auto; background:#ffffff;
}

#bannerlogo h4 {
	margin: 0px;
	padding: 0px;
}

#bannerlogo a:hover {
	color: #F00;
}
#footerbox a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.nav2 {
	text-align: center;
	padding: 0px;
	height: 45px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	background:#720000;
}

.line {
	background-image: url(../images/line1.jpg);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 960px;
	display: none;
}
.line310 {
	background-image: url(../images/line1.jpg);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 350px;
}

.time {
	height: 80px;
	width: 250px;
	margin-bottom: 15px;
	background-image: url(https://www.big-bit.com/Meeting/dj2014/images/title_04.jpg);
	margin-top: 15px;
}
/*倒计时*/
#counttime{width:250px;height:80px;font-size:18px; color:#fff;background:url('https://www.big-bit.com/Meeting/dj2014/images/title_04.jpg') 0 0 no-repeat;margin-bottom:15px;}
#counttime span{ float:left; color: #fff; width:60px;text-align:center; height:30px; line-height: 63px; font-size: 30px; font-family: "Microsoft YaHei";}
#counttime span.datetitle {width:67px;color:#004499;}

.btnp1 {
	height: 80px;
	width: 250px;
	margin-bottom: 15px;
	margin-top: 15px;
	background-image: url(../images/2501.png);
	text-align: center;
}
.btnp1:hover{background-image: url(../images/2502.png);}
.btnp12 {
	height: 80px;
	width: 250px;
	margin-bottom: 15px;
	margin-top: 15px;
	background-image: url(../images/2503.png);
	text-align: center;
}
.btnp12:hover{background-image: url(../images/2502.png);}
.btnp1 a {
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	height: 80px;
	width: 250px;
	text-align: center;
	line-height: 80px;
}
.btnp12 a {
	color: #FFFFFF;
	font-size: 30px;
	font-weight: bold;
	height: 80px;
	width: 250px;
	text-align: center;
	line-height: 80px;
}
.btnp12:hover a ,.btnp1:hover a{
	color: #ffffff;
}






.line470 {
	background-image: url(../images/line1.jpg);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 470px;
}
.line640 {
	background-image: url(../images/line1.jpg);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 502px;
}


.line300 {
	background-image: url(../images/line1.jpg);
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 420px;
}
.wbht a  {
	display: block;
	color: #FFF;
	font-weight: bolder;
	text-align: center;
}




.navlist ul li a {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	/*width: 137px;*/
	width: 158px;
	font-size: 17px;
	line-height: 45px;
	display: block;
	font-weight: bold;
	color: #ffffff;
	border-right:1px solid #720000;
	border-left:1px solid #720000;
}
.navlist ul li {
	float: left;
	display: inline;
}

.navlist ul li a:hover {
	color: #ffffff;
	background:#FFC313;
	text-decoration: none;
	border-right:1px solid #720000;
	border-left:1px solid #720000;}

.now{color: #ffffff;
	background:#FFC313;}
.now a{ color:#ffffff !important;}


.navlist {
	padding: 0px;
	height: 45px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 960px;
}

.pone {
	padding: 0px;
	height: 300px;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow: hidden;
}
.poneleft  {
	padding: 0px;
	float: left;
	height: 290px;
	width: 308px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	display: inline;
}
.poneleft2 {
	padding: 0px;
	float: left;
	height: 290px;
	width: 350px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	overflow: hidden;
	display: inline;
}
.poneright {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 290px;
	width: 250px;
	display: inline;
	
}


.ptwo {
	padding: 0px;
	height: 240px;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.ptwoleft {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 230px;
	width: 470px;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.ptwoleft_box {
	padding: 5px;
	float: left;
	height: 150px;
	width: 200px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	display: inline;
	background-color: #EFEFEF;
	border: 1px solid #999;
}

.ptworight {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 230px;
	width: 470px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCC;
	border-left-color: #CCC;
}




.pthr {
	padding: 0px;
}
.pthr_box {
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 504px;
	height: 244px;
}


.pthrleft span {
	font-size: 16px;
	line-height: 24px;
	display: block;
}
.pthrleft span h4 {
	text-indent: 2em;
	line-height: 28px;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	word-break: break-all;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}



.pthrleft {
	margin: 0px;
	padding: 0px;
}
.news_img {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 420px;
}



.pfor {
	padding: 0px;
	height: 210px;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.pfiv {
	padding: 0px;
	height: 300px;
	width: 960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
* {
	font-family: "微软雅黑";
	letter-spacing: 2px;
}
.poneright p a {
	color: #06F;
}
.poneright p a:hover {
	color: #F00;
}
.ptwoleft span, .ptworight span  {
	font-size: 13px;
	line-height: 25px;
	padding: 0px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: right;
	width: 215px;
}
/* .pthrright span h5 {
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
} */



.content1 {
	width: 890px;
	padding-left: 30px;
	padding-right: 10px;
	background-color: #eef8ff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-bottom: 50px;
}
.content2 ,.content3 {
	width: 890px;
	padding-left: 40px;
	padding-right: 30px;
	background-color: #fff4d8;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	/* padding-bottom: 50px; */
}
/*表格*/
.main10 {
	padding-top: 30px;
	width: 950px;
	background-color: #FFF;
	overflow: hidden;
	color: #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.mainsy {
    margin: 0px auto;
    width: 930px;
}
.tp6_bt {
	width: 910px;
	line-height: 30px;
	height: 30px;
	background: none repeat scroll 0% 0% #0000AC;
	color: #fff;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
}
.tp6_nr {
	line-height: 25px;
	text-align: left;
	font-size: 14px;
	padding-left: 30px;
	text-indent: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
}
.table2 {
	border: 1px solid #ffc437;
	width: 930px;
	overflow: hidden;
	color: #333;
	background-attachment: scroll;
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
}
.table3 {
	/* border: 1px solid #000000; */
	width: 420px;
	overflow: hidden;
	color: #000;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
	/* margin-left:10px; */
	background-color: #FFF;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
	color: #000;
	/* background-color: #FFF; */
}
.table2 td, .table3 th ,.table3 td, .table2 th{
	border: 1px solid #CCCCCC;
	text-align: left;
	padding: 5px 0px 5px 5px;
	font-size: 14px;
	line-height: 25px;
	color: #000;
}
input {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
	border:none;
}
input {
    margin: 0px;
    padding: 0px;
}
.btn2 {
	border: 0px none;
	padding: 3px 20px;
	color: #FFF;
	width: 70px;
	height: 30px;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 0% 0%;
	background-color: #FF6600;
	cursor:pointer;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:20px;
}
.tp7 {
	width: 930px;
	border: 1px solid #ffc437;
	float: left;
}
.pthrleft span h4 a {
	color: #000;
}
.pthrleft span h4 a:hover {
	color: #06F;
}
.content2 .infor_title {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
	padding-top: 30px;
}
.content2 span {
	font-size: 14px;
	line-height: 30px;
}
.content2 span p {
	text-indent: 28px;
}
.content2 .infor_time {
	background-image: url(../images/zhang.png);
	height: 185px;
	width: 300px;
	background-repeat: no-repeat;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	background-position: 70px 0px;
	padding-top: 50px;
	float: right;
}
.content2 span .infor_title2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
.content2 span p a:hover {
	color: #F60;
}


/*表格*/
.main{ display:none; width:100% !important; border-bottom:none !important; border-top:none !important;}
.main .bookhotel td{ width:155px;}
.main .bookhotel td textarea{ width:90%;}
#team_Ques1{ width:90%; margin-bottom:5px;}

.bmb_mod{ display:none;}

.mob_banner{ display:none;}

.rcan {
	width: 100%;
	border: 1px solid #cccccc;
	font-size: 14px;
}

.rcantd1 {
	height: 30px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	line-height: 30px;
	width: 15%;
	text-align: center;
	font-size: 14px;
}

.input1{ width:100%; font-size:13px;}

/* 演讲嘉宾 */
.box2_info.guest {
	display: flex;
	flex-wrap: wrap;
}
.guest-item {
	position: relative;
	float: left;
	width: 190px;
	border: 1px solid #E4E4E4;
	padding-bottom: 10px;
	margin: 0 5px 10px;
}
.guest-item > img {
	display: block;
	width: 100%;
}
.guest-item > h3 {
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
}
.guest-item > p {
	color: #888;
	font-size: 12px;
	text-align: center;
	margin-top: 2px;
}
.guest-info {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	overflow: auto;
	opacity: 0;
	transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-ms-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	padding: 10px;
}
.guest-item:hover .guest-info {
	opacity: 1;
}
.guest-info > h4 {
	line-height: 2;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.guest-info > p {
	position: absolute;
	top: 46px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	color: #666666;
	font-size: 14px;
	word-break: break-all;
}
.scrollbar {
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
    overflow: auto;
}
.scrollbar::-webkit-scrollbar {
    display: none;
}
.scrollbar::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: #383031;
}
.scrollbar::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 10px;
    background: #111;
}
@media (max-width: 750px) {
	.guest-item {
		width: 48%;
		margin: 0 .5% 1%;
	}
}



/* popup */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
.popup_bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}
.popup_box {
    position: absolute;
    top: 120px;
	width: 600px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background: #fff;
    box-shadow: 5px 5px 10px #111;
    padding: 15px;
}
.popup_info {
    max-height: 400px;
    overflow: auto;
}
.popup_box .title2 .txt {
    font-size: 20px;
}
.popup_box p {
    text-indent: 2em;
}
.popup_box p a {
    color: #F3850F;
    text-decoration: none;
}
.popup_box .popup_btn {
    text-align: center;
    margin-top: 10px;
}
.popup_box .popup_btn span {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #F3850F;
    padding: 10px 15px;
}


/* title */
.title {
    text-align: center;
    padding: 20px 0;
}
.title img {
    margin: 0 auto;
}
.title span {
    display: inline-block;
    width: 265px;
    height: 65px;
    line-height: 56px;
    color: #00FFFE;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    background: url(../images/title.png) no-repeat;
    background-size: 100%;
}
.title2 {
    text-align: center;
}
.title2 .txt {
    display: inline-block;
    color: #F3850F;
    font-size: 36px;
    font-weight: bold;
}
.title2 .line {
    height: 1px;
    background: #F3850F;
    margin-top: 20px;
}

@media screen and (max-width:768px) {
	.pthr{
		margin-bottom:5px;
	}
	.guest_box p{
		font-size: 12px;
	}
	.guest ul li{
		margin-bottom: 88px;
	}
	.title2{
		width: 100%;
	}
	.popup_box {
		top: 80px;
		left: 5%;
		width: 84%;
	}
	.guest_box .guest_box_txt{
		line-height: 12px;
		height: 78px;
	}
	#newBridge .nb-icon-wrap-3 .nb-icon-wrap-3-right-center, #newBridge .nb-icon-wrap-3 .nb-icon-wrap-3-right-top, #newBridge .nb-icon-wrap-3 .nb-icon-wrap-3-right-bottom{
		display: none;
	}
	.box2_info{
		margin: 5px;
	}
	.column{
		padding: 0px;
	}
	#map{
		border: 0px
	}
	.news_img{
		padding-top: 5px;
		border: 0px;
		}

	.content_hyrc img{
		width: 100%;
		height: 100%;
	}
}

/* 侧边浮窗 */
.fixed-nav {
    position: fixed;
    right: 40px;
    top: 50%;
    opacity: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    z-index: 5;
}
.fixed-nav.fixed-nav-block {
    opacity: 1;
}
.fixed-nav .i-home,
.fixed-nav .i-top {
    cursor: pointer;
    position: absolute;
    right: -18px;
    width: 38.2px;
    height: 38.2px;
    background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
    background-position: -60.4px 0px;
}
.fixed-nav .i-home {
    top: -36px;
}
.fixed-nav .i-home:hover {
    background-position: 0px 0px;
}
.fixed-nav.fixed-nav-hide .i-home {
    display: none;
}
.fixed-nav .i-top {
    bottom: -36px;
    background-position: -117.1px 0px;
}
.fixed-nav.fixed-nav-hide .i-top {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.fixed-nav .i-nav-menu {
    border-right: 1px solid #BF1414;
}
.fixed-nav .i-nav-menu a {
    cursor: pointer;
    position: relative;
    display: inherit;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-align: right;
    padding-right: 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.fixed-nav .i-nav-menu a:hover,
.fixed-nav .i-nav-menu a.active {
    color: #BF1414;
}
.fixed-nav .i-nav-menu a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -3px;
    width: 6px;
    height: 6px;
    background-color: #BF1414;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.fixed-nav.fixed-nav-show a {
    -webkit-animation: nav_show 0.3s forwards;
    animation: nav_show 0.3s forwards;
}
.fixed-nav.fixed-nav-hide a {
    -webkit-animation: nav_hide 0.3s forwards;
    animation: nav_hide 0.3s forwards;
}
@-webkit-keyframes nav_hide {
    0% {
        height: 30px;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@keyframes nav_hide {
    0% {
        height: 30px;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}
@-webkit-keyframes nav_show {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 30px;
        opacity: 1;
    }
}
@keyframes nav_show {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 30px;
        opacity: 1;
    }
}
@media (max-width: 750px) {
    .fixed-nav {
        display: none;
    }
}