.floor {
    padding: 20px 0;
}
.service-box{width:100%;height:160px;background:#fff;z-index:2}
.service-list{margin:0px auto;width:1200px;height:160px;}
.service-list ul li{height:106px; float:left; width:18%; color:#333; text-align:left;}
.service-list ul li:nth-child(1){width:12%;margin-top:25px;background:url(../images/course/service-01.png) no-repeat 0px 0px; padding-left:104px;}
.service-list ul li:nth-child(2){width:12%;margin-top:25px;background:url(../images/course/service-02.png) no-repeat 0px 0px; padding-left:104px;}
.service-list ul li:nth-child(3){width:12%;margin-top:25px;background:url(../images/course/service-03.png) no-repeat 0px 0px; padding-left:104px;}
.service-list ul li:nth-child(4){width:25%;margin-top:25px;background:url(../images/course/service-04.png) no-repeat 0px 0px; padding-left:104px;}
.service-list ul li span{margin-left:20px;margin-top:30px;display:block; font-size:24px;}
.service-list ul li p{margin-left:20px;margin-top:10px;font-size:14px;}
.service-list ul li div{margin-left:20px;margin-top:25px;font-size:14px;line-height:28px;}

/*--------左侧新闻--------*/
.hotspot-information{width:28%;height: 250px;border:1px #dedede solid;padding: 25px;background: #fff;}
.information-tit{display: block;width: 100%;font-size:24px;line-height: 24px;margin:5px 0 15px;border-left:3px #f96767 solid;padding-left:15px;color: #333;}
.information-top h3{line-height: 40px;}
.information-top h3 a{font-size:20px;color:#e91c35;font-weight: normal;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot-spot{padding-bottom:15px;margin-bottom: 5px;}
.information-bottom .hot-spot{padding-bottom:0px;border-bottom:0;margin-bottom: 0px;}
.hot-spot li{font-size:14px;line-height: 34px;background:url(../images/li_img.png) no-repeat left center ;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding-left:17px;}
.hot-spot li span{padding:0 10px;border-right:1px #666 solid;margin-right:10px;}

.information-center h3,.information-bottom h3{line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:12px;}
.information-center h3 a,.information-bottom h3 a{font-size:18px;font-weight: normal;}

/*--------右侧新闻--------*/
.popular-concern {width: 66%;height: 310px;overflow: hidden;}
.popular-concern-tit {height: 40px;line-height: 40px;margin-bottom:15px;}
.popular-concern-tit span{display: block;float: left;font-size:24px;line-height: 24px;margin:8px 0;border-left:3px #f96767 solid;padding-left:15px;color: #333;}

.popular-concern-tit a.more{float: right;color:#666;font-size:14px;}
.popular-concern-tit a.more:hover{color:#f96767}

.popular-concern-cnt dl{float:left;width: 47%;margin-bottom:4%;}
.popular-concern-cnt dl:nth-child(even){float:right;}
.popular-concern-cnt dl dt{float:left;width:142px; height:97px;}
.popular-concern-cnt dl dt img{display: block;width: 100%;height: 100%;overflow: hidden;text-align: center;}
.popular-concern-cnt dl dd{padding-left: 162px;}
.popular-concern-cnt dl dd a{font-size: 16px;display: block;height: 48px;overflow: hidden;margin-bottom:15px;line-height: 24px;}
.popular-concern-cnt dl dd p{font-size:12px;}
.popular-concern-cnt dl dd p a{font-size:12px;border:1px #0288d1 solid;color: #0288d1;padding:2px 5px;border-radius: 2px;margin-right:10px;height: auto;display: inline;}
.popular-concern-cnt dl dd p span{color: #666;}
.popular-concern-cnt dl dd p span.browse-volume{margin-left:5px;background: url(icon-01.png) no-repeat left center;padding-left: 20px;}

/*index.html*/
.index_header{background:#fafafa;height:230px;width:100%; border-bottom:1px solid #dbdbdd; padding:20px 0 0 0;}
.index_header .container_center{margin:0 auto;}
.index_adbox{width:476px;height:210px;background:url(../images/index/ad_bg.gif) #fff no-repeat; float:left;}
.index_ad{position:relative; overflow:hidden; margin:0 0 0 14px; padding:7px 0 0 0; width:454px; height:169px;}
.index_ad ul li{width:454px;height:169px;float:left;}
.index_ad ul li img{ width:454px;height:169px;}

.index_adbox #controls{text-align:center; margin:18px auto 0 auto;}
.index_adbox #controls td a{ display:block;width:10px; height:10px; background:url(../images/slider.gif) no-repeat 0 0;cursor:pointer; overflow:hidden; text-indent:-100px;}
.index_adbox #controls td.current a{ background-position:0 -12px;}

.index_info{float:right; width:448px;}
.index_info h1{width:408px;height:26px; background:url(../images/index/index_h1.jpg) no-repeat;margin:16px 0 10px 0; overflow:hidden; text-indent:-1000px;}
.index_info p{font-family:微软雅黑; font-size:15px; color:#b7b7b7;-webkit-text-fill-color: #b7b7b7;-webkit-text-stroke-color: #d8d8d8;-webkit-text-stroke-width: 0.25px; line-height:26px; height:92px;}
.sina_login{ width:136px; height:33px; background:url(../images/index/sina_login.gif); display:block; float:left; margin-right:12px;text-indent:-300px; overflow:hidden;}
.qq_login{ width:133px; height:33px; background:url(../images/index/qq_login.gif); display:block; float:left;text-indent:-300px; overflow:hidden;}
.create_course{ width:137px; height:35px; background:url(../images/index/create_course.gif); display:block; float:left; margin-right:12px; text-indent:-300px;overflow:hidden;}
.study_course{ width:137px; height:35px; background:url(../images/index/study_course.gif); display:block; float:left;text-indent:-300px; overflow:hidden;}

.course_best_item{float:left; width:100%; overflow:hidden;}
.cbi_title{float:left; width:100%; line-height:30px;margin-bottom:15px;}
.cbi_title h2{font-size:28px; font-weight:normal; float:left; color:#333;}
.cbi_title a{float:right; font-weight:bold; color:#f60; font-family:"宋体"; margin:0 5px 0 0;}
.course_best_item ul{float:left; width:1219px; margin:6px 0 0 -17px;}
.course_best_item li{float:left; width:285px; margin:0 0 20px 17px;}
.cbi_ft{float:left;background:#fff;border-radius:0 0 5px 5px; width:285px; height:8px; overflow:hidden;box-shadow:2px 3px 4px #ddd; margin:-2px 0 0 0;}
.cbi_img{float:left; display:block; position:relative; height:160px; overflow:hidden;}
.cbi_img img{width:285px;height: 160px;border-radius:5px 5px 0 0;}
.cbi_price{position:absolute; bottom:0; right:0; display:block; color:#fff;background:url(../images/price_bg.png);padding:3px 6px; border-radius:4px 0 0 0;}
.ie6 .cbi_price{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/tpl/default/images/price_bg.png',sizingMethod='scale');}
.cbi_bd{float:left; width:285px;background:url(../images/shadow.png) no-repeat;}
.cbi_name{float:left; width:270px; height:20px; padding:8px; line-height:20px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size:14px; background:#fff;}
.cbi_name a{color:#f60;}
.cbi_name a:hover{text-decoration:underline;}
.cbi_user{background:#fff; width:270px;height: 20px; float:left; padding:12px 8px 6px 8px;}
.cbi_user a{float:left; display:block; line-height:24px;}
.cbi_user a *{float:left;}
.cbi_user a img{width:24px; height:24px;}
.cbi_user a span{color:#4b9901; margin:0 0 0 8px;}
.cbi_user a:hover span{text-decoration:underline;}
.cbi_user strong{float:right; display:block; height:14px; padding:0 0 0 24px; background:url(../images/sign.png) no-repeat left top; line-height:14px; font-family:Arial, Helvetica, sans-serif; margin:5px 0 0 0;}
.course_best_line{float:left; width:100%; height:0; border-top:dotted 1px #ccc; border-bottom:dotted 1px #fff; overflow:hidden; margin:10px 0 20px 0;}

/*banner下面的介绍*/
.iconBox{width:100%; margin-left:0;padding: 20px 0;margin-bottom: 10px;}
.jd_navclass .item{margin: 0 1.5% 0 1.5%;}
.jd_navclass{background-color: #fff;overflow: hidden;}
.jd_navclass .item {margin: 0 0 0 3%;float: left;width: 20%;padding: 1%;background: url(/tpl/default/images/course/advantage-bg.png) no-repeat right center;-webkit-box-shadow: 0 0 10px rgba(153,153, 153, .5);-moz-box-shadow: 0 0 10px rgba(153, 153, 153, .5);box-shadow: 0 0 10px rgba(153, 153, 153, .5);background-color: #fff;}
.jd_navclass dl dt{float: left;width: 30%;font-size: 30px;text-align: center;color:#0288d1;line-height: 58px;background: url(/tpl/default/images/course/advantage-k.png) no-repeat center center;}
.jd_navclass dl dd{float: right;width: 68%;height: 38px;padding: 10px 0;}
.jd_navclass dl dd span{display: block;text-align: center;font-size: 14px;color:#0288d1;line-height: 20px;}
.jd_navclass dl dd p{font-size: 12px;color: #555;text-align: center;line-height: 18px;}

/*友情链接*/
.link-box{margin:30px auto 0px;width:1200px; background:#fff;}
.link{border:1px #dedede solid;padding:1.5%;margin-bottom:30px;}
.link h2{display: block;width: 100%;font-size:24px;line-height: 24px;margin:5px 0 20px;border-left:3px #f96767 solid;padding-left:15px;color: #333;font-weight: normal;}
.link-cnt a{padding:0 10px 10px;display: block;float: left; font-size:16px;}

/*关于我们*/
.about-box{ width:100%; height:320px; background:url(../images/course/index_about_bg.jpg) no-repeat center center;background-size: cover;}
.about-box .txt{width: 240px;font-size: 32px;color: #fff;display: block;margin: 0px auto 0px;text-align: center;padding: 40px 0px 20px;}
.about-box .txt span{padding-bottom: 8px;border-bottom: 3px solid #fff;}
.about-box .cont{text-align:center;}
.about-box .cont h4{ font:normal 14px/30px "Microsoft Yahei"; color:#fff; padding:15px 0 8px;}
.about-box .cont h4 span{ padding:0 20px;}
.about-box .cont p{ width:760px; margin:0 auto; color:#fff; margin-top:10px;letter-spacing:10px;}
.about-box .cont a{ display:inline-block;}
.about-box .cont a i.ico-video{ display:inline-block; width:66px; height:66px; background:url(../images/course/ico-video.png) no-repeat; transition:500ms;}
.about-box .cont a:hover i.ico-video{ transform:scale(0.9,0.9); transition:500ms;}

/*视频播放*/
#show_video_box{ position:fixed; z-index:9999; top:0; left:0; display:none; height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);}
#show_video_box .box{ position:absolute; top:50%;  left:50%; margin-left:-550px; margin-top:-290px;}
#page_video{ width:1080px; height:580px;  background:none; position:relative;}
#page_video .video_box{border:5px solid #fff; width:1000px; height:570px;}
#bnt_close{ display:block; width:70px; height:70px; background:#fff; position:absolute; top:0; right:0;}
#bnt_close img{ display:block; position:absolute; left:18px; top:18px;}
#bnt_close:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg);/* IE 9 */-moz-transform:rotate(360deg);/* Firefox */-webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg);/* Opera */}