@charset "utf-8";
html,
body {
	width: 100%;
	height: 100%;
}

.pf-navbar {
	min-height: 130px;
	width: 100%;
	background: #fff;
}

.pf-logo {
	width: 800px;
}

.pf-logo>a {
	display: block;
	padding: 15px 15px 15px 0;
	float: left;
}

.pf-logo>a>img {
	height: 70px;
	max-width: 290px;
}

.pf-search {
	width: 465px;
	height: 40px;
	margin: 30px 10px;
	position: relative;
}

@media screen and (max-width: 1199px) {
	.pf-logo {
		width: 700px;
	}
	.pf-search {
		width: 380px;
	}
	
}

@media screen and (max-width: 991px) {
	.pf-logo {
		width: 540px;
	}
	.pf-search {
		width: 350px;
		
	}
	.pf-logo>a>img {
		max-width: 165px;
	}
}

.pf-search form {
	height: 100%;
}

.pf-search input {
	width: 60%;
	height: 100%;
	border: 1px solid #1a92ed;
	border-right: none;
	font-size: 16px;
	padding: 6px 12px 6px 12px;
}

.pf-search button {
	width: 90px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: #1a92ed;
	font-size: 16px;
	color: #fff;
}

.pf-search>button:hover {
	background: #ea3732;
	transition: all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-ms-transition: all 300ms;
	-o-transition: all 300ms;
}

.pf-headul {
	float: right;
	margin-bottom: 0;
	margin-top: 25px;
}

.pf-headul>li {
	float: left;
	position: relative;
}

.pf-headul>li>a {
	display: block;
	padding: 10px;
	color: #515151;
}

.pf-headul>li>a>img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.pf-headul>li>a>span {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	text-align: center;
}

.pf-hoverul {
	position: absolute;
	top: 70%;
	width: 130px;
	background: #0BA1E4;
	left: 50%;
	margin-left: -65px;
	display: none;
	z-index: 10;
}

.pf-hoverul>li>a {
	padding-left: 20px;
	line-height: 30px;
	display: block;
	color: #fff;
	font-size: 14px;
}

.pf-hoverul>li>a:hover {
	background: #ea3732;
}

.pf-hoverul>li>a>i {
	margin-right: 8px;
}

.pf-nav {
	height: 50px;
}
.pf-course-nav{
	background: #0088CC;
}

.pf-allcourse {
	height: 50px;
	width: 240px;
	background: #0099ff;
	position: relative;
}


.pf-allcourse>a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	position: relative;
	z-index: 999;
}

.pf-allcourse>a>i {
	margin-right: 8px;
}

.pf-navul {
	margin-bottom: 0;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 10;
	max-height: 0px;
	/*overflow: hidden;*/
	display: none;
	transition: max-height .3s ease-in;
}
@-webkit-keyframes slide-down{
	0%{transform: scale(1,0);}
	25%{transform: scale(1,1.2);}
	50%{transform: scale(1,0.85);}
	75%{transform: scale(1,1.05);}
	100%{transform: scale(1,1);}
}

.pf-allcourse.open .pf-navul{
	display: block;
	max-height:auto;
	transform-origin: 50% 0;
	-webkit-animation: slide-down .5s ease-in;
	transition: max-height .2s ease-in;
}


.pf-navul>li {
	width: 100%;
	position: relative;
	background: rgba(0,153,255,0.7);
}
.pf-navul>li:hover {
	background: rgba(0,153,255,1);
}

.pf-navul>li>a {
	display: block;
	height: 50px;
	width: 100%;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
}

.pf-navul>li>a>i {
	display: inline-block;
	height: 15px;
	width: 15px;
	padding-top: 16px;
}
.pf-navul>li>a>i.glyphicon-chevron-right:before{background: url(../../../../assets/img/default/right_bai.png) no-repeat;content: "";background-size: 100%;}
.pf-navul>li>a>i:before {
	display: inline-block;
	height: 15px;
	width: 15px;
	line-height: 50px;
}

.pf-navul2 {
	margin-bottom: 0;
	height: 50px;
	padding-left: 416px;
}
.pf-course-navul2{
	padding-left: 0 !important;
}

.pf-navul2>li {
	float: left;
}

.pf-navul2>li>a {
	display: block;
	color: #616161;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 50px;
	height: 100%;
}
.pf-course-navul2>li>a{
	color:#fff !important;
}
.pf-navul2>li>a:hover {
	color: #fff !important;
	color: #0088CC;
}
.pf-navul2 .active{
	background: #ea3732;
}

.pf-navul .down{width: 100%;height: 40px;line-height: 40px;display:none;background: rgba(0,136,204,0.7);border: none;outline: none;}
.pf-navul .down>i{width: 15px;height: 15px;display: inline-block;transform: rotate(90deg);}
.pf-navul .down>i:before{width: 15px;height: 15px;display: inline-block;}
.pf-navul .down>i.glyphicon-chevron-right:before{background: url(../../../../assets/img/default/right_bai.png) no-repeat;content: "";background-size: 100%;}

.pf-navul .down:hover{background: rgba(0,136,204,1);}

.bclass-menu {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	display: none;
}

.bclass-menu>li>a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	background: #0099ff;
	opacity: .7;
}

.bclass-menu>li>a:hover {
	opacity: 1;
}

.navhighlight>a {
	color: #0088CC !important;
}

.pf-wrap {
	min-height: 100%;
	position: relative;
}

.pf-footer {
	width: 100%;
	/*min-height: 60px;*/
	height: 120px;
	background: #2e2e2e;
	/*overflow: hidden;*/
}

.lowest_level {
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #212121;
	border-top: 1px solid #444;
}

.pf_bottom {
	/*min-height: 250px;*/
	/*border-bottom: 1px solid #111;*/
	padding: 15px 0;
}

.pf_bottom:after {
	display: block;
	content: "";
	clear: both;
}

.bottomlogo>a>img {
	width: 80px;
}


.pf-friendlink {
	text-align: center;
	padding-left: 150px;
}
.pf-friendlink>div>a{color:#fff !important;}
.friendlinkdiv>a {
	margin: 0 10px;
	color: #eee;
}

.friendlinkdiv>a:hover {
	color: #46C37B;
}

.pf-QRcode>span {
	display: inline-block;
	margin: 10px 20px;
}

.pf-QRcode>span>a>img {
	height: 100px;
	width: 100px;
}

.pf-edition {
	margin-top: 10px;
	color: #c1c1c1;
}

.pf-address>span {
	margin-right: 10px;
	color: #c1c1c1;
}
.pf-QRcode a{
	display: inline-block;
	height:30px;
	width:30px;
}
.pf-head .dot{
	width:5px;
	height:5px;
	position: absolute;
	top:30px;
	right:12px;
}
.pf-head ul li a i{
	padding: 0 10px;
}

/***首页的直播导航***/
.pf-nav .zbj{height:50px;line-height:50px;}
.pf-nav .zbj .left{float:left;border:1px solid #e2e2e2;padding:0 10px;height:40px;line-height:40px; margin-top:6px;margin-right:10px;}
.pf-nav .zbj .left img{width:30px;height:30px;border-radius:50%;}
.pf-nav .zbj .left p{display:inline-block;margin:0;}
.pf-nav .zbj .right{float:left;border-radius:1px;padding:0 10px;height:40px;line-height:40px; margin-top:6px;cursor:pointer;background:#0088cc;color:#fff;}