@charset "utf-8";
/* CSS Document */

.inside_banner{ height:190px; margin-bottom:20px; border-radius: 6px; overflow: hidden; }
.setmap{ color: #999; padding:0 12px; }
.setmap a{ color: #247fff; }

.filter{ margin-top:14px; }
.filter ul{ line-height:28px; margin-bottom:8px; padding:0 12px; }
.filter ul li{ float: left; margin-right:24px; }
.filter ul li.tit{ color:#222; font-weight: bold; }
.filter ul li.on a{ color:#247fff;  }
.filter ul.filter-list2{ background: #fff; height:40px; line-height:40px;}
.filter .px{ background: url(../images/icon-px.png) no-repeat right center; padding-right:16px; }
.filter .px:hover{ background: url(../images/icon-px2.png) no-repeat right center;}
.filter ul li.on .px{ background: url(../images/icon-px2.png) no-repeat right center; }

.filter-list3 select{ height:28px; width:100px; border:1px solid #ddd; padding-left:12px; }

.course-inside{ margin-top:20px; }
.course-list li{ width:282px; height:282px; background: #fff; border-radius: 6px; float: left; margin-right:24px; margin-bottom:24px; position:relative; overflow:hidden;}
.course-list li:nth-child(4n){ margin-right:0; }
.course-list li .pic{ width:282px; height:188px; overflow:hidden; border-radius:6px 6px 0 0; }
.course-list li h4{ margin:12px 0 10px; padding:0 16px; line-height:20px; transition: all linear 0.2s 0.05s;}
.course-list li h5{ padding:0 16px;}
.course-list li h5 span{ float:right;}
.course-list li a:hover h4{ color: #247fff; }
.course-list li i{ position:absolute; left:0; top:0; height:24px;}
.course-list li.zb i{ background:url(../images/icon-zb.png) no-repeat; width:60px;}
.course-list li.st i{ background:url(../images/icon-st.png) no-repeat; width:49px;}
.course-list li.yg i{ background:url(../images/icon-yg.png) no-repeat; width:49px;}
.course-list li.hf i{ background:url(../images/icon-hf.png) no-repeat; width:50px;}
.course-list li.hflz i{ background:url(../images/icon-hflz.png) no-repeat; width:83px;}


.pagination{ display: block; line-height:32px; }
.pagination a{ float: right; padding:0 14px; border:1px solid #ddd; height:32px; }
.pagination a.on{ background: #0099cc; color:#fff; border:0;}
.pagination span{ float: right; margin-right:16px; }

.course-info{ background: #fff; padding: 20px; }
.info-pic{ width:430px; height:286px;}
.info-pic img{ width:430px; height:286px;}
.info-txt{ width:710px; height:286px; padding-top:6px;}
.info-txt h3{ color:#222;}
.info-txt h5{ margin:10px 0 40px;}
.info-txt p{ width:100%; min-height:100px; border:1px solid #ddd; position:relative; padding:20px; line-height:24px;}
.info-txt p span{ width:90px; height:20px; line-height:20px; font-size:16px; color:#222; position:absolute; left:20px; top:-10px; background:#fff; text-align:center;}
.info-txt .btngroup{ margin-top:26px;}
.info-txt .btngroup a{ width:240px; height:40px; float:left; margin-right:26px; border-radius:3px; text-align:center; line-height:40px;}
.info-txt .btngroup a.gm{ background:#247fff; color:#fff;}
.info-txt .btngroup a.st{ border:1px solid #247fff; color:#247fff;}
.info-txt .btngroup a:hover{ font-weight:bold;}

.course-con{ margin-top:20px; }
.con-info{ width: 880px; background: #fff; }
.con-other{ width: 300px; background: #fff; padding:0 20px 20px;}
.inside-title{ border-bottom: 1px solid #ddd; font-size: 18px; color: #222; position: relative; height:40px; }
.inside-title span{ position: absolute; border-bottom: 2px solid #247fff; line-height:42px; height:40px; left: 0; top: 0;}
.con-other li{ margin-top:16px; }
.con-other li .pic{ width: 260px; height: 172px; }
.con-other li .pic img{ width: 260px;  height: 172px;}
.con-other li h4{ font-size: 14px; line-height:20px; margin:6px 0; transition: all linear 0.2s 0.05s; }
.con-other li a:hover h4{ color:#247fff;}

.con-info>ul li{ width: 140px; height: 40px; line-height:40px; float: left; font-size: 18px; text-align: center;}
.con-info>ul li.active{ border-top: 2px solid #247fff;}
.con-info>ul li.active a{ color: #247fff;}
.con-info>.info{ min-height: 780px; padding:20px; }
.con-info>.info li{ margin-bottom:20px;}
.con-info>.info li.time{ color: #222; font-size: 18px; }
.con-info>.info li .txt{ float: left; width: 580px; line-height:38px;  padding-left:36px;}
.con-info>.info li .childTxt{ float: left; width: 580px; line-height:38px;  padding-left:36px;}
.con-info>.info li .name{ float:right;  width:240px; line-height:38px; padding-left:14px; background: #f2f2f2; color: #999;}
.con-info>.info li a{ color: inherit; }
.con-info>.info li.hf{ color: #222; }
.con-info>.info li.hf .txt{ background: url(../images/icon-2-hf.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.hflz .txt{ background: url(../images/icon-2-hflz.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.hflz{ color: #999; }
.con-info>.info li.zb .txt{ background: url(../images/icon-2-zb.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.zb{ color: #247fff; }
.con-info>.info li.zbz .txt{ background: url(../images/icon-2-zbz.png) no-repeat 14px center #f2f2f2; background-size:17px 17px; }
.con-info>.info li.zbz{ color: #222; }
.con-info>.info li.st .txt{ background: url(../images/icon-2-st.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.st{ color: #222; }
.con-info #xiangqing img{ max-width:100%; }
.course-video{ background: #fff; }
.video-info{ height: 590px;  position: relative;}
.video-info video{width:1200px; height:500px; display: block;}
.video-info .info{ height:90px; background: #232323; padding: 20px 20px 0; position:relative; color: #ccc;}
.video-info .info>h3{ color: #fff; }
.video-info .info>p{ margin-top:12px; }
.video-info .pop-fx{ position: absolute; right:20px; top:40px; background: url(../images/icon-fx-1.jpg) no-repeat left center; padding-left:24px; }
.video-info .pop-fx span{ float: left; line-height:20px;}
.video-info .pop-fx a{ float: left; height: 20px; margin-left:10px;}
.play-icon{ position:absolute; width:100%; height: 500px; background: rgba(0,0,0,0.5); text-align: center; line-height:500px; left: 0; top: 0; }

.con-info>.info li.xxz .txt{ background: url(../images/icon-bf-1.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.xxz{ color: #247fff; }
.con-info>.info li.yxx .txt{ background: url(../images/icon-bf-2.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.yxx{ color: #999; }
.con-info>.info li.wxx .txt{ background: url(../images/icon-bf-3.png) no-repeat 14px center #f2f2f2; background-size:16px 16px; }
.con-info>.info li.wxx{ color: #222; }
.con-info>.info li:hover{ color: #247fff; }

.course-live .video-info{ float: left; width:880px; }
.course-live .video-info video{width:880px; height:500px; display: block;}
.live-chat{ float: right ; width:300px; background: #fff;}
.live-chat .txt-list{ height: 460px; padding: 10px; overflow:auto;}
.live-chat .txt-edit{ height: 130px; padding:10px 10px 0; border-top: 1px solid #ddd;}
.txt-list li{ margin-bottom:8px; line-height:20px; color: #666;}
.txt-list li span.name1{ color: #247fff; }
.txt-list li span.name2{ color: #666;}

.txt-edit textarea{ width:280px; height:80px; display: block; margin:0 auto; border:1px solid #ddd; padding:10px; font-size: 12px; border-radius:3px;}
.edit-info{ margin-top:10px; }
.edit-info>a{ float: left; }
.edit-info>button{ width: 60px; height: 28px; background: #247fff; color: #fff; border-radius: 3px; float:right;}

.course-con-live .con-other{width:1200px;}
.course-con-live .con-other li{ float: left; width:260px; margin-right:40px; }
.course-con-live .con-other li:nth-child(4n){ margin-right:0; }

.contact{  background: #fff;  padding-top:20px; }

.contact .navbar{ width: 240px; float: left; background:#fff; border:none;}
.contact .navbar .navbar-collapse{ padding: 0; }
.contact .navbar ul{ float: none; }
.contact .navbar li{ display: block; height: 50px; float: none; text-align: right;}
.contact .navbar li a{ background: none; border-top: 1px solid #ddd; }
.contact .navbar li a:hover{ background: none;  border-right:2px solid #247fff;  color:#247fff;}
.contact .navbar li.active a:hover{ background: none;  border-right:2px solid #247fff;  color:#247fff;}
.contact .navbar li.active a{ background:none; border-right:2px solid #247fff;  color:#247fff;}
.contact .scrollspy-example{ width:940px; float:right; line-height:28px; color: #666; position: relative;}
.txt-about{ margin-bottom:30px; }
.txt-history{ margin-bottom:30px; }
.txt-about>h3,.txt-history>h3,.txt-contact>h3{ color: #222; margin-bottom:14px; }
.history-list{background: url(../images/line-history.jpg) repeat-y 30px top;}
.history-list .time{ float: left; width:70px; margin-right:20px; font-size: 18px; text-align:center; }
.history-list .time>span{ widht:70px; height:30px; line-height:30px; background: #fff; display: block;}
.history-list .txt{ float: left; width:830px; }
.history-list .txt>p{ margin-bottom:30px; }
.history-list{}
.contact-info .pic{ float: left }
.contact-info .txt{ float: left; margin-left:20px; }

.center-main{ min-height:600px; background: #fff; }
.center-nav{ width:239px; float:left;}
.center-info{ width: 961px; float: right;  border-left: 1px solid #ddd; min-height:600px; }
.center-nav>.name{padding:18px 20px 16px; border-bottom: 1px solid #ddd;}
.center-nav>.name img{ float: left; width:50px; height:50px; }
.center-nav>.name h3{ padding:6px 0 0 60px; margin:0;}
.center-nav>.name p{ padding:6px 0 0 60px;  margin:0; }
.menubar>a{ display: block; height:58px; line-height:58px; padding-left:90px; }
.menubar>a.xx{ background:url(../images/icon-cn-1.png) no-repeat 60px center; }
.menubar>a.zl{ background:url(../images/icon-cn-2.png) no-repeat 60px center; }
.menubar>a.tc{ background:url(../images/icon-cn-3.png) no-repeat 60px center; }
.menubar>a.xx:hover{ background:url(../images/icon-cn-1_h.png) no-repeat 60px center #247fff; color:#fff; }
.menubar>a.zl:hover{ background:url(../images/icon-cn-2_h.png) no-repeat 60px center #247fff; color:#fff; }
.menubar>a.tc:hover{ background:url(../images/icon-cn-3_h.png) no-repeat 60px center #247fff; color:#fff; }
.menubar>a.xx.active{ background:url(../images/icon-cn-1_h.png) no-repeat 60px center #247fff; color:#fff; }
.menubar>a.zl.active{ background:url(../images/icon-cn-2_h.png) no-repeat 60px center #247fff; color:#fff; }
.menubar>a.tc.active{ background:url(../images/icon-cn-3_h.png) no-repeat 60px center #247fff; color:#fff; }

.center-info>h3{ line-height:40px; border-top:2px solid #247fff; width:100px; text-align: center; }
.center-info>.alert{ padding:10px 20px; width:880px; margin:0 auto;}
.center-info>.alert .close{ right:-10px; top:-5px }
.center-study-list{ padding:0 40px; margin-top:20px; }
.center-study-list li{ width:282px; margin-right:17px; float: left; margin-bottom:20px; }
.center-study-list li .pic{ width:282px; height:188px; }
.center-study-list li .pic img{ width: 100%; height:100%; }
.center-study-list li:nth-child(3n){ margin-right:0; }
.center-study-list li h4{ font-size: 14px; line-height:20px; margin:6px 0; transition: all linear 0.2s 0.05s; }
.center-study-list li a:hover h4{ color:#247fff;}

.data-form{ margin-bottom:20px; color: #666; }
.data-form label{ line-height:40px; text-align: right ; float: left; width:100px; font-weight: normal;}
.data-form input{ float:left; margin-left:30px; width:340px; height:40px; border:1px solid #ddd;  border-radius:6px; padding-left:10px;}
.center-study-list h4.wrong{ color:#e91739; height:14px; font-size: 14px; padding-left:130px; margin-bottom:20px;  }
.center-study-list h4.success{ color:#247fff; height:14px; font-size: 14px; padding-left:130px; margin-bottom:20px;  }
.data-form>button{ width:120px; height:40px; float: left; border-radius:6px;}
.data-form>button.confirm{ margin-left:130px; background: #247fff; color: #fff;}
.data-form>button.cancel{margin-left:20px; border:1px solid #247fff; color: #247fff; background: none;}