@charset "utf-8";
/* CSS Document */
body{ background:#f4f4f4;}
html,body{ width:100%; min-width:1180px;}
/*头部*/
/*.header-box .login-box.guide{ width:150px; height:34px; text-align:center; line-height:34px;}
.header-box .login-box.guide a{ color:#666; font-size:14px; height:34px;width:70px; display:inline-block; border-radius:3px; float:left;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header-box .login-box.guide a.login{background:#0ab8f9; margin:0 10px 0 0!important; color:#fff;}
.header-box .login-box.guide a.register{border:1px solid #0ab8f9;color:#0ab8f9; height:32px;width:68px; line-height:32px;}
.header-box .login-box.guide a.login:hover{ color:#fff; background:#2699e5;}
.header-box .login-box.guide a.register:hover{ color:#fff;background:#32a8f5;}

#header.header-outside.school{ height:100px; border-bottom:none;box-shadow:none;}
.header-outside.school .header-box .logo{ padding-top:20px!important; width:auto!important;}
.header-outside.school .header-box nav{ width:600px!important; margin-left:80px!important; height:98px; line-height:98px;}
.header-outside.school .header-box .nav > li{ width:auto; float:left; position:relative; margin-right:0!important;}
.header-outside.school .header-box .nav > li > a{ display:inline-block; padding:0!important; margin:0 40px!important;color:#333; font-size:16px; text-align:center;transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }
.header-outside.school .header-box .nav > li > a.cur{ border-bottom:2px solid #32a8f5; color:#32a8f5; font-weight:bold;}
.header-outside.school .header-box .nav > li > a:hover,.header-outside.school .header-box .nav > li:hover > a{ color:#32a8f5;}*/

#footer.guide.school{ background:#fff; }
#footer.guide.school .copyright{color:#a5a5a5; border-top:none;}
#footer.guide.school .subnav a{color:#a5a5a5; background:url(../../images/little/line_09.jpg) no-repeat right center;}
#footer.guide.school .copyright a{color:#a5a5a5;}
#footer.guide.school .subnav a:hover{ color:#666;}

#footer.guide.school .technical{ line-height:70px; color:#a5a5a5;}
#footer.guide.school .technical a{ color:#a5a5a5; }
#footer.guide.school .technical a:hover{ color:#666; }

/*====================内容==========================*/
#index{ background:url(../../images/business_school/index_bg.jpg) no-repeat center center; background-size:cover;}
#index .title-box{ position:relative; width:840px; margin:0 auto;}
#index .title-box img{ position:absolute; right:0px; top:200px;}

#banner-box{ width:100%; height:240px;}
#banner-box.zhi{ background:url(../../images/business_school/banner_01.jpg) no-repeat top center;}
#banner-box.back{ background:url(../../images/business_school/banner_02.jpg) no-repeat top center;}
#banner-box .info{ color:#dadada; font-size:16px; padding:82px 0; text-align:center;}
#banner-box .info h2{ color:#fff; font-size:24px; line-height:44px; margin-bottom:10px;}

#wrapper{ width:1180px;background:#fff; min-height:600px; height:auto!important; height:600px; margin:0 auto 20px;}

.live-box{ padding:35px 40px 20px; }
.live-box .positon-box{ border-bottom:1px solid #eee; height:41px;}
.live-box .positon-box em{ float:left; height:40px;line-height:20px; margin-right:20px;text-align:center; cursor:pointer;color:#333; border-bottom:2px solid #32a8f5;font-size:18px;}

.live-list .change-box{ height:32px;}
.live-list .change-box a{ float:left; height:30px;line-height:30px; padding:0 20px; border:1px solid #e7e7e7; border-radius:20px;color:#999; margin-right:20px;}
.live-list .change-box a.on{ color:#fff; background:#32a8f5; border:1px solid #32a8f5;}

.play-list{width:1200px; }
.play-list li{width:260px; float:left; margin: 20px 20px 0 0;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li:hover{box-shadow:0 4px 8px #e2e2e2;}
.play-list li .img{width:260px; height:164px; position:relative; }
.play-list li .img img{width:260px; height:164px;}

.play-list li .img .meng{width:260px; height:164px; background:url(../../images/teach/live/meng_bg.png); position:absolute; left:0px; top:0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-opacity:0;filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;}
.play-list li .img .meng .but{ position:absolute; left:75px; top:60px; display:inline-block; width:110px; height:36px; line-height:36px;  text-indent:2.5em; border-radius:3px;background: url(../../images/teach/live/ice.png) no-repeat 15px center; border:1px solid #fff; color:#fff;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li .img .meng .but:hover{color:#32a8f5; background:#fff url(../../images/business_school/ice_h.png) no-repeat 15px center;}
.play-list li:hover .img .meng{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-opacity:1;filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;}
.play-list .play-time{ padding:0 15px;height:30px; line-height:30px; background:#32a8f5; position:absolute; text-align:center; bottom:0px; right:0px; color:#fff;}
.play-list .play-time.none,.live-list.replay .play-list .play-time{background:#2a2a2a; }
.play-list li:hover a strong{ color:#32a8f5;}
.play-list li .info{ padding:10px 0px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li:hover .info{ padding:10px 20px;}
.play-list li .info strong{ font-size:14px; color:#333; font-weight:500; display:block; line-height:26px;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.play-list li .info p.teach,.play-list li .info p.time{ color:#999; line-height:24px;}

.data-tit{ position:relative; height:30px; margin-top:20px;}
.data-tit i.line{ border-bottom:1px dashed #ddd; width:100%; position:absolute; left:0px; top:-4px;}
.data-tit em.data{ width:70px; height:30px; line-height:30px; text-align:center; border-radius:20px; color:#fff; background:#32a8f5; display:inline-block;position:absolute; left:0px; top:0px;}

@media only screen and (max-width:1000px) {
#index .title-box{ width:750px;}
}