/*首页*/
.index .banner{ width: 100%; height: 500px; overflow: hidden; }
.index .banner .carousel-inner .cover{ position: absolute; top: 0; left:0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); }
.index .banner .carousel-indicators{ bottom:30px; }
.index .banner .carousel-indicators .active{ background-color: #f89b38; }
.index .banner .control-box{ display: none; position: absolute; top: 36%; left: 50%; z-index: 1; width: 100%; transform: translate(-50%,-50%); }
.index .banner:hover .control-box{ display: block; }
/*.index .banner .carousel-control{ width: 80px; height: 80px; background-color: rgba(0,0,0,.4); cursor: pointer; border-radius: 50%; text-align: center; line-height: 80px; }*/
/*.index .banner .carousel-control[data-slide=next]{ left: unset; right: 0; }*/
/*.index .banner .carousel-control .iconfont{ font-size: 36px; color: #fff; }*/
.index .banner .carousel-control{ width: 80px; height: 140px; background-color: #000000;opacity: 0.7; cursor: pointer; border-radius: 5px; text-align: center; line-height: 140px; }
.index .banner .carousel-control[data-slide=next]{ left: unset; right: 0; }
.index .banner .carousel-control .iconfont{ font-size: 48px; color: #fff;opacity: 0.7;}
.index .banner .carousel-control:hover .iconfont{ color: #fff; opacity: 1; }
.index .banner .img{ width: 100%; height: 500px; }

/*.index .section1{ background-color: #fff;}*/
.index .section:nth-child(even){ background-color: #fff; }
.index .section:nth-child(odd){ background-color: #f7f4f1; }
.index .section-title-box{ position: relative; text-align:center; padding:30px 0; }
.index .section-title-box:before,.section-title-box:after{ position:relative; top:-20px; content:""; display:inline-block; width:100px; height:1px; background-color:#ccc; }
.index .section-title-box .text-box{ display:inline-block; margin:0 20px; padding:10px 0; }
.index .section-title-box .text-box .iconfont{ font-size: 36px; color: #f89b38; }
.index .section-title-box .text-box .section-title{ display: block; max-width: 600px; font-size:24px; line-height:1; margin-top: 8px; margin-bottom:10px; }

.index .section1 .type-box {margin-left: 50px;}
.index .section1 .type-box .bd{width: 1040px;overflow-x: hidden;}
.index .section1 .type-box .bd ul{ /*width: 999999em;*/  }
.index .section1 .prev{width: 30px;height: 180px;line-height: 180px;text-align: left; margin-top: 20px;}
.index .section1 .prev .iconfont{ font-size: 36px; color: #ccc; cursor: pointer; }
.index .section1 .prev .iconfont:hover{ color: #f89b38; }
.index .section1 .next{width: 20px;height: 180px;line-height: 180px;text-align: right; margin-top: 20px;}
.index .section1 .next .iconfont{ font-size: 36px; color: #ccc; cursor: pointer; }
.index .section1 .next .iconfont:hover{ color: #f89b38; }
.index .section1 .type-box .type{ display: block; /*padding: 20px 10px;*/ margin: 20px 10px 20px ; width: 240px; height: 180px; }
.index .section1 .type-box .type a{ display: block; width: 100%; height: 100%; padding-top: 20px; border-radius: 4px; background-color: #ffffff; box-shadow: 0 0 20px 0 rgba(114, 114, 114, 0.2); transition: all ease 300ms; }
.index .section1 .type-box .type a:hover{ transform: translate(0,-6px); }
.index .section1 .type-box .type .type-icon{ display: block; width: 88px; height: 88px; text-align: center; border-radius: 50%; margin: 0 auto 30px; }
.index .section1 .type-box .type:nth-child(4n+1) .type-icon{ background-image: linear-gradient(0deg, #f89d3d 0%, #ffc17f 100%), linear-gradient(#f89d3d, #f89d3d); }
.index .section1 .type-box .type:nth-child(4n+1):hover a{
    background-image: linear-gradient(0deg, #f89d3d 0%, #ffc17f 100%), linear-gradient(#f89d3d, #f89d3d);
    box-shadow: 0 3px 16px 0 #f89d3d;
}
.index .section1 .type-box .type:nth-child(4n+1):hover .type-icon{ background-color: #fff; color: #f89d3d; background-image: none; }
.index .section1 .type-box .type:nth-child(4n+1):hover .type-icon .iconfont{ color: #f89d3d; }
.index .section1 .type-box .type:nth-child(4n+2) .type-icon{ background-image: linear-gradient(0deg, #5cbdae 0%, #2ee7c9 100%), linear-gradient(#5cbdae, #5cbdae); }
.index .section1 .type-box .type:nth-child(4n+2):hover a{
    background-image: linear-gradient(0deg, #5cbdae 0%, #2ee7c9 100%), linear-gradient(#5cbdae, #5cbdae);
    box-shadow: 0 3px 16px 0 #5cbdae;
}
.index .section1 .type-box .type:nth-child(4n+2):hover .type-icon{ background-color: #fff; color: #5cbdae; background-image: none; }
.index .section1 .type-box .type:nth-child(4n+2):hover .type-icon .iconfont{ color: #5cbdae; }
.index .section1 .type-box .type:nth-child(4n+3) .type-icon{ background-image: linear-gradient(0deg, #73bae2 0%, #7fd0ff 100%), linear-gradient(#73bae2, #73bae2); }
.index .section1 .type-box .type:nth-child(4n+3):hover a{
    background-image: linear-gradient(0deg, #73bae2 0%, #7fd0ff 100%), linear-gradient(#73bae2, #73bae2);
    box-shadow: 0 3px 16px 0 #73bae2;
}
.index .section1 .type-box .type:nth-child(4n+3):hover .type-icon{ background-color: #fff; color: #73bae2; background-image: none; }
.index .section1 .type-box .type:nth-child(4n+3):hover .type-icon .iconfont{ color: #73bae2; }
.index .section1 .type-box .type:nth-child(4n+4) .type-icon{ background-image: linear-gradient(0deg, #ed8888 0%, #ffa5a5 100%), linear-gradient(#ed8888, #ed8888); }
.index .section1 .type-box .type:nth-child(4n+4):hover a{
    background-image: linear-gradient(0deg, #ed8888 0%, #ffa5a5 100%), linear-gradient(#ed8888, #ed8888);
    box-shadow: 0 3px 16px 0 #ed8888;
}
.index .section1 .type-box .type:nth-child(4n+4):hover .type-icon{ background-color: #fff; color: #ed8888; background-image: none; }
.index .section1 .type-box .type:nth-child(4n+4):hover .type-icon .iconfont{ color: #ed8888; }
.index .section1 .type-box .type .type-icon .iconfont{ font-size: 60px; color: #fff; line-height: 88px; }
.index .section1 .type-box .type .type-name{ width: 100%; padding: 0 10px; text-align: center; font-size: 18px; line-height: 1; }
.index .section1 .type-box .type:hover .type-name{ color: #fff; }
.index  .readmore{ width: 800px; margin:0 auto; padding: 40px 0 60px; text-align: center; }
.index  .readmore a{ display: inline-block; width: 140px; padding: 0 10px; line-height: 35px; margin: 5px; border-radius: 4px; border: 1px solid #ccc; color: #ccc; text-align: center; }
.index  .readmore a:hover{ color: #fff; border-color: #f89b38; background-color: #f89b38; }

/*.index .section2{ background-color: #f7f4f1; }*/
.index .section2 .item-box{ margin: 0 auto; }
.index .section2 .item{ width: 218px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(114, 114, 114, 0.2); overflow: hidden; border-radius: 4px; margin:0 10px; transition: all ease 300ms; }
.index .section2 .item:hover{ transform: translate(0,-10px); }
.index .section2 .item .item-img{ display: block; width: 100%; height: 128px; overflow: hidden; background-color: #ccc; }
.index .section2 .item .item-img img{ width: 100%; height: 100%; }
.index .section2 .item .item-name-box{ display: block; position: relative; width: 100%; height: 70px; }
.index .section2 .item .item-name{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; max-height: 52px; padding: 0 30px; text-align: center; font-size: 18px; line-height: 26px;  -webkit-line-clamp: 2; }
.index .section2 .item .item-name:hover{ color: #f89b38; }

/*.index .section3{ background-color: #fff;}*/
.index .section3 .item{ width: 100%; height: 100px; margin-bottom: 20px; overflow: hidden;background-color: #fff; /*box-shadow: 0 0 10px 0 rgba(114, 114, 114, 0.2);*/ border-radius: 2px;  border: solid 1px rgba(204, 204, 204, 0.5); }
.index .section3 .item:hover{ border: 1px solid #f89b38; }
.index .section3 .item .item-icon{ width: 50px; height: 100px; padding-top: 20px; text-align: center; }
.index .section3 .item .item-icon .iconfont{ font-size: 20px; color: #f89b38; }
.index .section3 .item .content-box{padding: 14px 0;width: 1040px; padding-right: 20px; }
.index .section3 .item .title{ max-width: 100%; font-size: 18px; line-height: 1; margin-bottom: 14px; }
.index .section3 .item .title:hover{ color: #f89b38; }
.index .section3 .item .text{display: block;width: 100%;font-size: 14px;color: #666;margin-bottom: 4px;}
.index .section3 .item .time{ font-size: 12px; color: #999; }
.index .section3 .item .time .iconfont{ font-size: 12px; margin-right: 6px; }
.index .section3 .item .read-detail{ font-size: 12px; color: #999; }
.index .section3 .item .read-detail:hover{ color: #f89b38; }
.index .section3 .item .read-detail .iconfont{ font-size: 12px; }

/*.index .section4{ background-color: #f7f4f1; }*/
.index .section4 .item{ width: 100%; height: 180px; padding: 10px; margin-bottom: 20px; overflow: hidden;background-color: #fff; /*box-shadow: 0 0 10px 0 rgba(114, 114, 114, 0.2);*/ border-radius: 2px;  border: solid 1px rgba(204, 204, 204, 0.5); }
.index .section4 .item:hover{ border: 1px solid #f89b38; }
.index .section4 .item .item-img{ width: 256px; height: 160px; margin-right: 20px; }
.index .section4 .item .item-img img{ width:100%; height: 100%; }

.index .section4 .item .content-box{padding: 14px 0;width: 800px; padding-right: 10px; }
.index .section4 .item .title{ max-width: 100%; font-size: 18px; line-height: 1; margin-bottom: 14px; }
.index .section4 .item .title:hover{ color: #f89b38; }
.index .section4 .item .text{ width: 100%; height: 60px; font-size: 14px; line-height: 20px; color: #666;margin-bottom: 30px; -webkit-line-clamp: 3; }
.index .section4 .item .time{ font-size: 12px; color: #999; margin-right: 10px; }
.index .section4 .item .time .iconfont{ font-size: 12px; margin-right: 6px; }
.index .section4 .item .origin{ font-size: 12px; color: #999; }
.index .section4 .item .read-detail{ font-size: 12px; color: #999; }
.index .section4 .item .read-detail:hover{ color: #f89b38; }
.index .section4 .item .read-detail .iconfont{ font-size: 12px; }

/*.index .section5{ background-color: #fff;}*/
.index .section5 .item{ width: 100%; height: 100px; margin-bottom: 20px; overflow: hidden;background-color: #fff; box-shadow: 0 0 10px 0 rgba(114, 114, 114, 0.2); border-radius: 2px;  border: solid 1px rgba(204, 204, 204, 0.5); }
.index .section5 .item:hover{ border: 1px solid #f89b38; }
.index .section5 .item .item-icon{ position: relative; width: 50px; height: 100px; }
.index .section5 .item .item-icon .iconbg{ border-style: solid; border-width: 25px; border-color: #f89b38; border-right-color: transparent; border-bottom-color: transparent; }
.index .section5 .item .item-icon .iconfont{ position: absolute; top: 2px; left: 2px; font-size: 20px; color: #fff; }
.index .section5 .item .content-box{padding: 14px 0;width: 1040px; padding-right: 20px; }
.index .section5 .item .title{ max-width: 100%; font-size: 18px; line-height: 1; margin-bottom: 14px; }
.index .section5 .item .title:hover{ color: #f89b38; }
.index .section5 .item .text{display: block;width: 100%;font-size: 14px;color: #666;margin-bottom: 4px;}
.index .section5 .item .time{ font-size: 12px; color: #999; margin-right: 10px; }
.index .section5 .item .time .iconfont{ font-size: 12px; margin-right: 6px; }
.index .section5 .item .origin{ font-size: 12px; color: #999; }
.index .section5 .item .read-detail{ font-size: 12px; color: #999; }
.index .section5 .item .read-detail:hover{ color: #f89b38; }
.index .section5 .item .read-detail .iconfont{ font-size: 12px; }

/*.index .section6{ background-color: #f7f4f1; }*/
.index .section6 .item{ width: 100%; height: 72px; margin-bottom: 20px; overflow: hidden;background-color: #fff; box-shadow: 0 0 10px 0 rgba(114, 114, 114, 0.2); border-radius: 2px;  border: solid 1px rgba(204, 204, 204, 0.5); }
.index .section6 .item:hover{ border: 1px solid #f89b38; }
.index .section6 .item-date{ width: 58px; height: 100%; background-color: #f89d3d; }
.index .section6 .item-date .month{ width: 100%; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; background-color: #e88c21; }
.index .section6 .item-date .date{ font-size: 30px; color: #fff; line-height: 50px; text-align: center; }
.index .section6 .item .text-box{ width: 900px; line-height: 70px; padding:0 20px; }
.index .section6 .item .text-box .title{ font-size: 18px; }
.index .section6 .item .text-box .title:hover{ color: #f89b38; }
.index .section6 .item .read-detail{ font-size: 12px; line-height: 70px; color: #999; margin-right: 20px; }
.index .section6 .item .read-detail:hover{ color: #f89b38; }
.index .section6 .item .read-detail .iconfont{ font-size: 12px; }

.index .section7 .item-type{ max-width: 100px; font-size: 12px; border: 1px solid #f89b38; color: #f89b38; padding: 3px; line-height: 1; margin-top: 3px; margin-right: 10px; }
.index .section7 .item .item-type:hover{ background-color: #f89b38; color: #fff; }
.index .section7 .item .title{ max-width: 900px; font-size: 14px; line-height: 28px; }
.index .section7 .item .title:hover{ color: #f89b38; }
.index .section7 .item .time{ font-size: 12px; color: #999; line-height: 28px; }


/*详情页*/
.detail .head-box{ background-color: #fff; padding: 20px 0; border-bottom: solid 1px rgba(204, 204, 204, 0.5); }
.detail .head-box .type{ padding: 18px 0; border-bottom: 1px solid #eee; }
.detail .head-box .type:last-child{ border-bottom: none; }
.detail .head-box .type .type-title{ font-size: 14px; font-weight: bold; line-height: 20px; padding-right: 10px; }
.detail .head-box .type .type-number{ font-size: 14px; line-height: 20px; color: #f89b38; padding-right: 20px; }

.detail .head-box .type .type-name-box{ height: 20px; overflow: hidden; }
.detail .head-box .type .type-name{ font-size: 14px; line-height: 20px; margin-right: 20px; margin-bottom: 10px; }
.detail .head-box .type .type-name.active{ display: inline; color: #f89b38; }
.detail .head-box .type .type-name:hover{ color: #f89b38; }
.detail .head-box .type .slideUp{ font-size: 14px; line-height: 20px; color: #999; }
.detail .head-box .type .slideUp.active{ color: #f89b38; }
.detail .head-box .type .slideUp .iconfont{ font-size: 12px; line-height: 20px;}
.detail .head-box .type .nav{ position: relative; height: 40px; margin-right: 20px; }
.detail .head-box .type .nav .type-name{ margin-right: 0; }
.detail .head-box .type .nav .iconfont{ font-size: 12px; }
.detail .head-box .type .nav:hover,.detail .head-box .type .nav.active{ color: #f89b38; border-bottom: 1px solid #f89b38; }
.detail .head-box .type .sub-nav{ display: none; position: absolute; left: 0; top: 40px; width: 300px; }
.detail .head-box .type .sub-nav .type-name{ margin-right: 30px; line-height: 40px; }

.detail .course-box{ padding: 30px 0; }
.detail .course-box .nav-box{ width: 100%; height: 40px; background-color: #fff; border: solid 1px rgba(204, 204, 204, 0.5); border-radius: 4px; overflow: hidden; margin-bottom: 20px; }
.detail .course-box .h_search{ top: 8px; right: 10px; }
.detail .course-box .h_search input{ box-shadow: none; }
.detail .course-box .nav{ padding: 0 18px; line-height: 38px; font-size: 16px; }
.detail .course-box .nav.active,.detail .course-box .nav:hover{ background-color: #f89b38; color: #fff; }


.detail .course-box .item-box{ margin:  -10px; padding-bottom: 30px; }
.detail .course-box .item{ width: 280px; background-color: #fff; border: 1px solid transparent; box-shadow: 0 0 20px 0 rgba(114, 114, 114, 0.2); overflow: hidden; border-radius: 4px; margin:12px; transition: all ease 300ms; }
.detail .course-box .item:hover{ transform: translate(0,-6px); border: 1px solid #f89b38; box-shadow:0 0 15px 0 rgba( 248, 155, 56, .8); }
.detail .course-box .item .item-img{ display: block; width: 100%; height: 162px; background-color: #ccc; }
.detail .course-box .item .item-img img{ width: 100%; height: 100%; }

.detail .course-box .item .item-name-box{ display: block; position: relative; width: 100%; height: 80px; }
.detail .course-box .item .item-name{ position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; max-height: 52px; padding: 0 30px; text-align: center; font-size: 18px; line-height: 26px;  -webkit-line-clamp: 2; }
.detail .course-box .item .item-name:hover{ color: #f89b38; }

/*通知列表*/
.location-tip{ padding-top: 24px; padding-bottom: 22px; line-height: 36px; font-size: 16px; color: #999; }
.location-tip a{ font-size: inherit; color: inherit; }
.location-tip a:hover{ color: #f89b38; }

.aside_left{float:left;width: 180px; }
.aside_left ul li{ height:40px; line-height:40px; font-size:16px; color:#333; margin-bottom:10px;}
.aside_left ul li a{ color:#333;height:40px; line-height:40px; display:block; padding-left:25px;}
.aside_left ul li a:hover{ background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.2);}
.aside_left ul li i{float: right;font-size:12px;color:#ccc;margin-right: 12px;}
.aside_left ul li a:hover i{color:#f89b38;}
.aside_left ul li.on a{background:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.2);}
.aside_left ul li.on a i{color:#f89b38;}

.news-list{ padding-bottom: 20px; }
.news-list .main-right{ float: right; background-color: #fff; width: 900px; box-shadow: 0 1px 1px rgba(0,0,0,0.2); min-height: 300px; padding: 40px; }
.news-list .main-right .h_sub_title{ border-bottom: none; margin-bottom: 20px; }
.news-list .list-box{ width: 100%; }
.news-list .list-box .item{width: 100%;height: 40px;line-height: 40px;padding: 0 10px;margin-bottom: 10px; background-color: #fffbf6;  border-radius: 2px; }
.news-list .list-box .item .iconfont{ margin-top: 7px;margin-right: 10px;font-size: 14px;height: 26px;line-height: 14px;padding: 6px;text-align: center;background-color: #ccc;color: #fff;border-radius: 50%;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);}
.news-list .list-box .item .title{ display: block; max-width: 880px; font-size: 16px; }
.news-list .list-box .item:hover{ background-color: #fef5eb; }
.news-list .list-box .item:hover .iconfont{ background-color: #f89b38; }
.news-list .list-box .item:hover .title{ color: #f89b38; }
.news-list .list-box .item .date{ font-size: 12px; color: #999; }

/*通知详情*/
.news-d{ padding-bottom: 20px; }
.news-d .main-box{ width: 100%; padding:26px 38px 50px; background-color: #fff; }
.news-d .main-box .title{ width: 100%; text-align: center; font-size: 20px; font-weight: bold; line-height: 50px; }
.news-d .main-box .info{ width: 100%; text-align: center; font-size: 14px; line-height: 1; padding-bottom: 30px; }
.news-d .main-box .text{ width: 100%; font-size: 14px; line-height: 30px; padding-top: 20px; }
.news-d .main-box .text img{ max-width: 100%; }

/*课程*/
.banner{ width: 100%; height: 500px; }
.banner img{ width: 100%; }
.course_box{ width: 1100px; margin: 0 auto;}
/*.c_center_c_t ul.c_center_c_t_ul{ margin: 0 -10px 10px; }*/
.course_detail_item{ position: relative; width: 260px; height: 284px; background-color:#fff; border: 1px solid #ddd; border-radius: 4px; margin: 0 10px 20px; }
.course_detail_item:hover{ box-shadow:0 2px 5px rgba(0,0,0,.3); }
.course_detail_img{ width:100%; height:154px; }
.course_detail_img img{ width:100%; height:154px; }
.course_detail_info{ width: 100%; height: 128px; padding: 10px; }
.course-title-info{ width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px;  color: #333;  line-height: 1; margin-bottom: 13px; }
.course-title-info p{ margin-bottom: 0; }
.course-teacher{ width:28px; height: 28px; border-radius: 50%; }
.course-teacher img{ width:28px; height: 28px; border-radius: 50%; }
.course-collage{ width: 110px; font-size: 14px; color: #333; line-height: 28px; margin: 0 10px; }
.course-score{ max-width: 80px; font-size: 14px; color: #333; line-height: 28px; margin-bottom: 0; }
.course-line{  width: 100%;  border-bottom: 1px dashed #ccc;  display: block; margin: 15px 0; }
.course-tip span{  float: left;  font-size: 12px;  line-height: 1;  color: #666;  border-radius: 10px;  background-color: #eee;  padding: 4px 8px;  margin-right: 4px;  }
.course_detail_item .course_label{ position: absolute; left: 0; top:20px; height: 22px; background-color: #f89b38; padding: 0 10px; font-size: 12px; line-height: 22px; color: #fff; text-align: center; }
.c_center_c_t .page-class{ text-align: center; }
.c_center_c_t .page-class ul{ margin: 0; }
/*常见问题*/
.problem_box{ width: 1100px; margin:20px auto 30px; background-color: #fff; box-shadow:0 1px 2px rgba(0,0,0,.2); padding: 24px 20px;  }
.problem_title{ border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.problem_title h2{ border-left:4px solid #f89b38; padding:0 16px; font-size: 24px; font-weight: normal; line-height: 1; margin:0 0 22px 0; }
.probolem_main_box{ padding: 0 20px; }
.probolem_main_box p img{ width:100%; }
.pro_text{ font-size: 14px; line-height: 24px; color:#333; margin-bottom: 8px;overflow-wrap: break-word; }
/*关于我们*/

/*微专业 + 实验室*/
.download_box .title{ padding: 40px 0 30px; line-height: 40px; font-size: 28px; color:#f89b38; text-align: center; border-bottom: 1px solid #eee; }
.download_box ul{ background-color: #fff; }
.download_box ul li{ padding: 40px 0; border-bottom: 1px solid #eee; }
.download_box ul li .li_contain{ width:1100px; padding-left: 100px; margin: 0 auto; }
.download_box ul li .imgbox{ width: 120px; height: 140px; margin-right: 50px; }
.download_box ul li .imgbox .img{ width: 100%; height: 100px; background: url("../images/downicon.png") 50% 0 no-repeat; }
.download_box ul li.phone .imgbox .img{ background: url("../images/downicon.png") 50% -124px no-repeat; }
.download_box ul li .imgbox h3{ font-size: 14px; line-height: 22px; height: 22px; color: #f89b38; text-align: center; }
.download_box ul li .version_box{ width: 380px; height: 140px;  }
.download_box ul li .version_box .index{ display: inline-block; height: 100%; font-size: 20px; line-height: 30px; vertical-align: top; color: #f89b38;  }
.download_box .version_intro{ display: inline-block; width: 350px; position: relative;  }
.download_box .version_intro .colorY{ color: #f89b38; }
.download_box .version_intro .effect{ font-size: 18px; line-height: 30px; margin-bottom: 10px; color: #333; }
.download_box .version_intro p{ line-height: 20px; font-size: 14px; color: #666; }
.download_box .version_intro .download_btn{ display: inline-block; margin-top: 20px; margin-right: 100px; font-size: 14px; line-height: 30px; width: 126px; text-align: center; color: #fff; background-color: #f89b38; }
.download_box .version_intro .erweima{ position: absolute; bottom: 0; left: 226px; width:70px; height: 70px; background: url("../images/s_erweima.jpg") 100% 100% no-repeat;  }



.title_box{ width:1100px; margin:94px auto;  }
.title_box h1{ font-size:44px; line-height: 1; margin-bottom: 22px; color: #f89b38; text-align: center; }
.title_box h2{ font-size:28px; line-height: 1; color: #333; text-align: center; }
.type_btn_box{ margin-bottom: 26px;}
.type_btn_box li{ margin-right: 30px;}
.type_btn{ width: 106px; height: 34px; text-align: center; border-radius: 17px; font-size: 16px; line-height: 34px; color:#666; cursor: pointer; }
.active .type_btn{ border: 1px solid #f89b38;display: inline-block; color:#f89b38; }
.type_box{ margin-bottom:50px;}
.course_type{ display: none; }
.show{ display: block; }
.course_type ul{ margin: 0 -20px -40px; }
.micro_course_detail_item{ width: 340px; height: 387px; background-color:#fff; border: 1px solid #ddd; border-radius: 4px; margin: 0 20px 40px; }
.micro_course_detail_item:hover{ box-shadow:0 2px 5px rgba(0,0,0,.3); }
.micro_course_detail_img{ width:339px; height:211px; }
.micro_course_detail_img img{ width:339px;height:211px; }
.micro_course_detail_info{ text-align: center; }
.micro_course_detail_info h3{ width: 100%; font-size: 24px; line-height: 1; color:#000; padding: 30px 14px 16px; margin: 0; text-align: center; }
.red_line{ width:52px; height: 2px; background-color: #f89b38; margin: 0 auto; }
.micro_course_detail_info .leader{ display: block; height: 46px; margin: 0; font-size: 14px; line-height: 46px; color:#999; text-align: center; }
.micro_course_detail_info .organization{ display: block; margin: 0; font-size: 12px;  color:#999; line-height: 1; margin-bottom: 40px; text-align: center; }
.foot_box .download{ position: relative; display: inline-block; width: 70px; height: 70px; border-radius: 50%; background-color: #333; text-align: center; margin-left: 20px; margin-top: 32px; }
.foot_box .download a:hover{ color:#fff; }
.foot_box .download .content{ display: none; position: absolute;left: 0; top: 0; width: 70px; height: 70px; line-height: 70px; font-size: 14px; border-radius: 50%; background-color: #888; text-align: center;padding: 0; }
.foot_box .download:hover .content{ display: block; }
.foot_box .download .iconfont{ color:#fff; line-height: 70px; font-size: 30px; }
.foot_box .contact{ position: relative; display: inline-block; width: 70px; height: 70px; border-radius: 50%; background-color: #333; text-align: center; margin-left: 20px; margin-top: 32px; }
.foot_box .contact a:hover{ color:#fff; }
.foot_box .contact .content{ display: none; position: absolute;left: 0; top: 0; width: 70px; height: 70px; line-height: 70px; font-size: 14px; border-radius: 50%; background-color: #888; text-align: center;padding: 0; }
.foot_box .contact:hover .content{ display: block; }
.foot_box .contact .iconfont{ color:#fff; line-height: 70px; font-size: 40px; }
.foot_box .question{ position: relative; display: inline-block; width: 70px; height: 70px; padding:0 !important; border-radius: 50%; background-color: #333 !important; text-align: center; margin-left: 20px; margin-top: 32px; }
.foot_box .question a:hover{ color:#fff; }
.foot_box .question .content{ display: none; position: absolute;left: 0; top: 0; width: 70px; height: 70px; line-height: 70px; font-size: 14px; border-radius: 50%; background-color: #888; text-align: center;padding: 0; }
.foot_box .question:hover .content{ display: block; }
.foot_box .question .iconfont{ color:#fff; line-height: 70px; font-size: 40px; }
/*实验室*/
.search_box{ position: relative; text-align: right; margin-bottom: 28px; }
.immersion_course_search{ width:238px; height: 26px; line-height: 26px; border: 1px solid #aaa; border-radius: 13px; padding-left:13px; padding-right: 26px; font-size: 12px; color:#333; }
.search_box .iconfont{ position: absolute; right: 10px; top:0; font-size: 16px; color:#333; line-height: 26px; cursor: pointer; }
/*直播*/
.living_course_box .type_btn_box{ padding-bottom: 18px; border-bottom: 1px solid #aaa; }
.living_course_box .type_btn_box ul{ margin-bottom: 0; }
.choose_nav li{ margin-right: 30px; cursor: pointer; }
.choose_btn{ font-size: 14px; line-height: 26px; color:#666; }
.active .choose_btn{ color: #f89b38; }
.living_course_detail_item_box{ margin-bottom: 128px; }
.living_course_detail_item_box ul{ margin: 0 -7px -20px; }
.living_course_detail_item{ position: relative; width: 357px; height: 321px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; margin: 0 7px 20px; cursor: pointer; }
.living_course_detail_item:hover{ box-shadow: 0 2px 5px rgba(0,0,0,.3);}
.living_course_detail_img{ width: 355px; height: 223px; }
.living_course_detail_img img{ width:100%; }
.living_course_detail_info{ padding-left: 92px; }
.living_course_time{ font-size: 12px; color:#aaa; line-height: 28px; }
.living_course_title{ width: 100%; font-size: 16px; line-height: 1; margin-bottom: 12px; color:#000; }
.living_course_detail_info .leader{ font-size: 12px;  color:#999; line-height: 1; }
.living_course_detail_info .course_state{ font-size: 12px; line-height: 1; }
.living_course_detail_info .not_start:after{ content: "未开始"; color:#aaa; }
.living_course_detail_info .onliving:after{ content: "正在直播"; color:#f89b38; }
.lead_state{ padding-right: 20px; margin-bottom: 20px; }
.living_course_detail_item .course_label{ position: absolute; left: 1px; top:20px; width: 60px; height: 22px; background: url("../images/02_tab_02.png") 0 0 no-repeat; font-size: 12px; line-height: 22px; color: #fff; text-align: center; }
.living_course_detail_item .leader_img{ position: absolute; left: 10px; top:187px; width: 72px; height: 72px; background: #ccc; border-radius: 50%; }
.living_course_detail_item .leader_img img{ width: 100%; border-radius: 50%; }