.ep_banner{width: 100%;height: 330px;}
.ep_banner .banner{height: 100%;width: 100%;background: url(../images/experience/banner01.jpg) no-repeat center top;display: block;cursor: default;}

.ep_cellWrap{}
.ep_cellWrap.style02{background: #ebf7ff;}
.ep_cellWrap.style02 h2{color: #555;}
.ep_cellWrap h2{font-size:26px;color:#555;text-align: center;line-height: 84px;}
.ep_cellWrap p{font-size: 14px;color: #666;text-align: center;}
.ep_cellWrap .ep_videoWrap{padding-top: 30px;padding-bottom: 54px;width: 800px;height: 505px;margin: 0 auto;}
.ep_cellWrap .ep_videoWrap .video_window{text-align: center;position: relative;width: 100%;height: 100%;}
.ep_cellWrap .ep_videoWrap .video_window a{display: block;width: 100%;height: 100%;}
.ep_cellWrap .ep_videoWrap .video_window a img{width: 100%;height: 100%;}
.ep_cellWrap .ep_videoWrap .video_window .bg{position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 0;}
.ep_cellWrap .ep_videoWrap .video_window .btn_play{display: block;position: absolute;left: 50%;top: 50%;margin:-31px 0 0 -31px;width: 62px;height: 62px;background: url(../images/experience/player_btn_start.png) no-repeat;z-index: 1;}


.fixed_center{width: 0;left: 50%;right: 50%;position: fixed;top: 0;z-index: 10; width: 0;height: 100%;}
.sideNavWrap{position: absolute;right: 479px;/* display: none; */}
.sideNavWrap .nav{}
.sideNavWrap .nav li{margin-bottom: 20px;}
.sideNavWrap .nav li span{display: block;width: 160px;height: 50px;line-height: 50px;color: #26b5ff;font-size: 18px;background: #e8f7ff;border-radius: 3px;box-shadow: 0 0 5px #e2e2e2;cursor: pointer;position: relative;}
.sideNavWrap .nav li span em{display: inline-block;vertical-align: middle;width: 38px;background: url(../images/experience/icon_sidenav.png) no-repeat center top;margin-left: 16px;margin-right: 10px;}
.sideNavWrap .nav li span i{display: inline-block;width: 12px;height: 11px;background: url(../images/experience/tri_sidenav.png) no-repeat center -12px;float: right;margin-top: 22px;margin-right: 7px;}
.sideNavWrap .nav li span.hover, .sideNavWrap .nav li span.on{background: #26b5ff;color: #fff;text-decoration: none;}
.sideNavWrap .nav li span.hover i, .sideNavWrap .nav li span.on i{background-position: center 0;}
.sideNavWrap .nav li span.i01{}
.sideNavWrap .nav li span.i01 em{background-position: center -277px;height: 30px;}
.sideNavWrap .nav li span.i01.hover em, .sideNavWrap .nav li span.i01.on em{background-position: center -631px;height: 30px;}
.sideNavWrap .nav li span.i02 em{background-position: center 0;height: 25px;}
.sideNavWrap .nav li span.i02.hover em, .sideNavWrap .nav li span.i02.on em{background-position: center -354px;height: 25px;}
.sideNavWrap .nav li span.i03 em{background-position: center -64px;height: 38px;}
.sideNavWrap .nav li span.i03.hover em, .sideNavWrap .nav li span.i03.on em{background-position: center -418px;height: 38px;}
.sideNavWrap .nav li span.i04 em{background-position: center -140px;height: 27px;}
.sideNavWrap .nav li span.i04.hover em, .sideNavWrap .nav li span.i04.on em{background-position: center -494px;height: 27px;}
.sideNavWrap .nav li span.i05 em{background-position: center -208px;height: 30px;}
.sideNavWrap .nav li span.i05.hover em, .sideNavWrap .nav li span.i05.on em{background-position: center -562px;height: 30px;}

.sideNavWrap .nav li span.hover .subnavWrap, .sideNavWrap .nav li span.hover .bridge{display: block;}
.sideNavWrap .nav li span .subnavWrap{display: none;position: absolute;left: 167px;top: 0;}
.sideNavWrap .nav li span .bridge{height: 50px;width: 9px;background: #fff;opacity: 0;filter: alpha(opacity=0);position: absolute;right: -8px;top: 0;display: none;}
.sideNavWrap .nav .subnav{border: 1px solid #26b5ff;background: white;}
.sideNavWrap .nav .subnav li{margin-bottom: 0;}
.sideNavWrap .nav .subnav li a{display: block;color: #555;font-size: 14px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 24px;}
.sideNavWrap .nav .subnav li a:hover, .sideNavWrap .nav .subnav li a.on{background: #26b5ff;color: #fff;text-decoration: none;}

.sideNavWrap .actorName{position: relative;}
.sideNavWrap .actorName i{line-height: 36px;background: #4fbfff;color: #fff; font-size: 22px;text-align: center;display: block;position: relative;z-index: 1;white-space: nowrap;}
.sideNavWrap .actorName .actor{display: block;width: 141px;height: 141px;position: absolute;top: -103px;left: 50%;margin-left: -70px;z-index: 0;}
.sideNavWrap .actorName .actor.stu{background: url(../images/experience/actor_stu.png) no-repeat;}
.sideNavWrap .actorName .actor.tea{background: url(../images/experience/actor_tea.png) no-repeat;}
.sideNavWrap .actorName .actor.par{background: url(../images/experience/actor_par.png) no-repeat;}
.sideNavWrap .actorName .actor.adm{background: url(../images/experience/actor_adm.png) no-repeat;}
.sideNavWrap .nav02{box-shadow: 0 2px 2px #e2e2e2;}
.sideNavWrap .nav02 li{white-space: nowrap;}
.sideNavWrap .nav02 li a{display: block;padding: 0 30px;background: #e8f7ff;color: #4fbfff;font-size: 16px;position: relative;line-height: 26px;height: 26px;}
.sideNavWrap .nav02 li a:hover{text-decoration: none;}
.sideNavWrap .nav02 li a:hover, .sideNavWrap .nav02 li a.on{background: #64caff;color: #fff;}
.sideNavWrap .nav02 li a:hover .tri, .sideNavWrap .nav02 li a.on .tri{display: block;}
.sideNavWrap .nav02 .tri{display: block;border-right: 7px solid #fff;border-top: 7px solid transparent;border-bottom: 7px solid transparent;position: absolute;right: 0;top: 50%;margin-top: -7px;display: none;width: 0;height: 0;}

.sideNavWrap .nav03{box-shadow: 0 2px 2px #e2e2e2;}
.sideNavWrap .nav03 li{white-space: nowrap;}
.sideNavWrap .nav03 .titGroup{display: block;padding: 0 30px;background: #e8f7ff;color: #4fbfff;font-size: 16px;position: relative;line-height: 36px;cursor: pointer;height: 36px;}
.sideNavWrap .nav03 .titGroup.hover, .sideNavWrap .nav03 .titGroup.on{background: #8ad7ff;color: #fff;}
.sideNavWrap .nav03 .titGroup.hover .tri{display: block;}
.sideNavWrap .nav03 .tri{display: block;border-left: 6px solid #64caff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 100%;top: 50%;margin-top: -6px;display: none;z-index: 10;width: 0;height: 0;}

.sideNavWrap .nav03 .titGroup.hover .subnavWrap{display: block;}
.sideNavWrap .nav03 .titGroup .subnavWrap{display: none;position: absolute;left: 100%;top: 0;z-index: 5;}
.sideNavWrap .nav03 .subnav{border: 1px solid #66d4f5;background: white;}
.sideNavWrap .nav03 .subnav li{margin-bottom: 0;}
.sideNavWrap .nav03 .subnav li a{display: block;color: #4fbfff;font-size: 14px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 24px;}
.sideNavWrap .nav03 .subnav li a:hover, .sideNavWrap .nav03 .subnav li a.on{background: #ddf3ff;text-decoration: none;}

/*视频css*/
.video-mask {position:fixed;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=80);opacity:0.8;z-index:101;display:none;}
.video-dialog {position:fixed; left:50%; top:50%; width:900px; height:506px; margin:-253px 0 0 -450px; z-index:102; visibility:hidden; background-color:#000; }
.video-dialog .tags{display: block;text-align: center;line-height: 30px;font-size: 14px; color: #888;background: #000;}