@charset "utf-8";
/* CSS Document */
ul,li{margin:0px; padding:0px; list-style:none;}
.f14g{color:#333;}
.f14g:hover{color:#000;}
.f12g{color:#666;}
.f12g:hover{color:#333;}
/*导航*/
.search{border: solid 1px #d8d8d8;}
.search input{border-radius: 0;border:none;border-right: 1px #d8d8d8 solid}
.dropdown-item{padding: .5rem 1.5rem}
.form-control{font-size: 12px;color:#999;padding: .2rem 2rem .2rem .75rem;margin-right: 0 !important;}
.btn{padding: .2rem .75rem;}
.icon-img{width: 14px;height: 15px;vertical-align: middle;display: block;}
@media(max-width:959px){.form-inline{display: none;}}
@media(max-width:959px){.bg-dark .left-top{display: none;}}
li{list-style: none}
a:hover{text-decoration: none;}
#nav{width: 100%;z-index: 9999;box-shadow: 0 2px 8px 0 rgba(7, 17, 27,0.06);}
.nav-link{font-size: 12px;color:#ffffff;padding: 10px 1.5rem;line-height:1;}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 2.3rem!important;padding-left: 2.3rem!important;font-weight: normal;font-size: 15px;color:#000}
.navbar-brand{margin-right:3rem!important}
.left-top .nav-link{float: left;}
.left-top a:nth-child(1){padding-left: 0px;}
.left-top a:nth-child(6){padding-right: 0px;}
.text-right .nav-link{float: right}
.text-right{color: #d8d8d8;}
.text-right a{padding: 10px;}
@media(max-width:959px){.text-right{text-align: center}}
.nav-link:hover{color:white;transition: 0.3s;}
.nr ul{padding: 0;margin: 0}
.nr ul li{display: inline-block;padding: 0 .5rem 0rem .5rem}
.nr ul li:nth-child(1){padding-left: 0px;}
.nr ul li:nth-child(2){padding-left: 30px;}
.nr ul li a{font-size: 14px;color:#333;}
.nr ul li a:hover{color:#c7161e;transition: 0.3s;}
.nr ul li h3{color:#000;}
.bg-light{padding: 3rem 0;}
.card-group{padding:0 0rem!important;}
.card-group .card{border:1px solid #d8d8d8!important;margin: 1.5rem 0.5rem;box-sizing: border-box;border-radius:0!important;}
.card-group .vclass{border:1px solid #d8d8d8!important;margin: 1.5rem 0.8rem;box-sizing: border-box;}
.card-group .vclass_noborder{border:0px solid #d8d8d8!important;margin: 1.5rem 0.5rem;box-sizing: border-box;}
@media(max-width:959px){.card-group .vclass{margin: 2rem 1rem;}}
.vclass:hover{transition: .3s;transform: translateY(-20px)}
.vclass_noborder:hover{background:none; box-shadow:none!important;}
.card-group .card:hover{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);transition: .3s;}
.card:hover .card-title{color: #e8291e;transition: .3s;}
.card-group{padding:0px;}
@media(min-width:960px){.card:nth-child(1){margin-left: 0}}
@media(min-width:960px){.card:nth-child(5){margin-right: 0}}
.card img{width: 100%;display: block;height: 124px;overflow: hidden;border-radius: 0!important;}
@media(max-width:959px){.card img{height:150px;border-radius: 0!important;}}
.card a{display: block;color: #000;}
.card p{color:#999;position: absolute; bottom: 5px;font-size: 12px;letter-spacing: 1px;text-align: justify}
.card-title{width: 164px; text-align: justify;
             text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
        white-space: nowrap; /* 段落中的文本不进行换行 */
        overflow: hidden; /* 溢出部分隐藏 */
    -webkit-line-clamp: 2;
	
}
.card-body{padding: 1rem;}
/*厂商专区*/
.nr .cszq{margin: 1.5rem 0;padding: 0}
.nr .cszq img{width: 100%}
.nr .col-md-2{padding:15px;margin:0px;border: solid 1px #d8d8d8;}
.nr .col-md-2 img{width: 100%;}
.cs-logo li{float: left;}
.live{padding: 0;}
@media(max-width:959px){.live{display: none;}}
.live img{width:100%;}
.phonecs{display: none;}
@media(max-width:959px){.phonecs{display: block;border: none;}}
@media(max-width:959px){.pccs{display:none;}}
#footer{background: #343a40!important;}
/*面包屑导航*/
.breadcrumb{background:none;padding: 0!important;}
.breadcrumb a{color: #666;font-size: 12px;}
.breadcrumb li{font-size: 12px;}
.breadcrumb a:hover{color: #e8291e;text-decoration: underline;transition: .3s;}
/*视频最终页*/
.video-final .col-md-4{height: 480px;overflow-y:scroll;padding: 0}
.video-final .col-md-4 ul li{list-style: none;padding-left: 0;}
.video-title{background: #e6e6e6;width: 100%;color:#000;}
.video-title h4{margin: 20px 30px;}
.video-title p{margin: 20px 30px;color: #666;}
.video-information{width: 100%;background: #f6f6f6;border-bottom: 1px solid #e6e6e6;}
.video-all{display: block!important;}
.video-information .video-all{margin: 10px 20px 0px 30px!important;display: block!important;font-size: 16px!important;}
.video-information .video-all:hover .video-bt{color: #e8291e!important;}
.video-information .video-bt{margin:10px 0px;font-size: 16px!important;}
.video-information .bfs{color: #999;font-size: 14px;}
.spxx th,td{font-size: 14px;}
.spxx th{width: 10%;padding-left: 15px;}
.spxx td a{margin-right: 10px;display: inline-block;color:#212529;}
.spxx td a:hover{color: #e8291e;transition: 0.3s;text-decoration: underline;}
@media(max-width:959px){.spxx th{width: 27%;}}
.share{padding-left: 15px;}
.share-icon{margin: 0 5px;vertical-align: middle;}
.share-icon:hover{cursor:pointer;}
.fl{font-size: 14px;font-weight: bold;line-height: 32px;}
.share{margin-bottom: 20px;}
.fbpl{margin-bottom:40px}
.fbpl button{background:#e8291e;border-radius:2px;color: white;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.15);padding: 10px 34px;border: none;}
.fbpl button:hover{background:#e8291e;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.25);}
.yzm{}
.input-group{padding: 0;}
.input-group-addon{font-weight: bold;}
#canvas{vertical-align: middle;}
/*视频列表页*/
.v-img{position:relative;}
.v-img .playerIMG {
    width: 100%;
    height: 300px;
}
.v-img .train-ongo-image {
    border: none;
    position: absolute;
    right: 13px;
    top: 20px;
}
.v-img .orderimg {
    width: 100%;
}

.v-nr h3{margin-bottom: 20px;color: #333;margin-top: 20px;}
.v-nr h5{margin-bottom: 20px;color: #333;margin-top: 0px;}
.v-nr h4{margin-bottom: 20px;color: #333;margin-top: 40px; font-size:20px; line-height:40px; color:#c00; font-weight:bold;}
.v-nr p{margin-bottom:10px;color: #999;}
.v-nr .wygk{width: 150px;height: 50px;background: #e8291e;display: block; float:left; margin-right:40px; color: white;font-size: 18px;line-height: 50px;text-align: center;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.1);border-radius:3px;letter-spacing: 1px;margin-top: 40px;}
.v-nr .wygk:hover{box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.25);transition: .3s;}
.v-nr .order{width: 150px;height: 40px;background: #e8291e;display: block; float:left; margin-right:40px; color: white;font-size: 18px;line-height: 40px;text-align: center;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.1);border-radius:5px;letter-spacing: 1px;margin-top: 40px; margin-bottom:40px;}
.v-nr .order:hover{box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.75);transition: .3s;}
.v-nr .free{width: 150px;height: 50px;background: #fff; border:#007141 solid 1px;display: block; float:left; color:#007141;font-size: 18px;line-height: 50px;text-align: center;box-shadow: 0px 4px 8px 0px rgba(0, 113, 65, 0.1);border-radius:3px;letter-spacing: 1px;margin-top: 40px;}
.v-nr .free:hover{box-shadow: 0px 4px 8px 0px rgba(0, 113, 65, 0.25);transition: .3s;}
/*课程目录*/
.kcml{background: white;box-shadow: 0 2px 8px 0 rgba(7, 17, 27,0.06);margin-bottom:3rem; margin-top:0rem;padding-left: 15px;padding-right: 15px;padding-top: 1px;}
.kcml .kcjj{padding:1rem;}
.kcml .kcjj p{font-size:14px; line-height:23px;}
.kcnr .col-9{padding:1rem;}
.kcnr{margin: 0;}
.kcnr .col-9 a{color: #333;}
.kcnr:hover .kc{color: #e8291e;transition: .3s;}
.kcnr .col-3{padding:1rem;color: #666;font-size: 15px;}
.kcnr .col-3 .vidio-play{margin-right:5px; background:url(../images/icon_play.jpg) center bottom no-repeat; width:18px; display:inline-block; height:17px;}
.nr .font-weight-bold{padding: 1.5rem 0;margin-bottom: 0;}

/*列表页*/
.nr .nav-pills li{padding:0.5rem 1.5rem!important;margin: 0.5rem;}
.nr .nav-pills .type{padding:0.5rem 0.5rem 0.5rem 0!important;margin: 0.5rem 0;}
.nr .nav-pills .active{background: #e8291e;border-radius:2px;color: white;margin-left: 0px;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.15);}
.nr .nav-pills .active a{color: white;}
.nr .nav-pills li a{font-size: 14px;font-weight: bold;}
.nr .nav-pills .type-name:hover{background: #e8291e;border-radius: 2px;color: white;transition: 0.3s;box-shadow: 0px 4px 8px 0px rgba(232, 41, 30, 0.15);}
.nr .nav-pills li:hover a{color: white;transition: 0.3s;}
.bqjs{color: #666;font-size: 14px;line-height:26px;}
.bqnr{color: #999;}
.bqnr .icofont-label{margin-right: 5px;}
.bqnr a{margin:0 0.5rem;color: #999;}
.bqnr a:hover{color: #999!important;text-decoration: underline;transition: 0.3s;}
.bqlist h5{margin-top:1.5rem;}
.bqlist h5 a{color: #333;}
.bqlist h5 a:hover{color: #e8291e;transition: 0.3s;}
.dglist .col-md-3 img{width:100%;height:auto;vertical-align: middle;display: block}
.dglist .col-md-3 a{display: block;vertical-align: middle;overflow: hidden;height: 200px;}
@media(max-width:959px){.dglist .col-md-3 a{height:auto;}}
/*分页*/
.page-box{margin-top: 30px;}
.page-box a{float: left;padding: 0px 10px;border: 1px solid #DEDEDE;font-size: 14px;transition: 0.2s;line-height: 30px;margin: 0px 4px;border-radius: 2px;}
.page-box a:hover{background: #AC0909;color: #FFFFFF;border: 1px solid #AC0909;}
.page-box span{float: left;margin: 10px 10px 0px 10px;}
.page-box a.current{background: #AC0909;color: #FFFFff;}
.page-box .page a{color: #6C6C6C;}

/*list_new*/
.course-view-tabs {
    border-top: 1px solid #dbdbdb;
    height: 70px;
    line-height: 70px;
    padding-bottom: 18px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.bg-whitelist {background-color: #fff!important;}
.price_list{font-size:22px; color:#c00; font-weight:bold;}
.hidden{display:none;} 
.scrollUl{overflow:hidden;height:50px; clear:both;} 
.scrollUl li{float:left; width:150px;} 
.bor03{border:1px solid #ccc;border-top-width:0px;} 
.sd01{cursor:pointer;border:0px solid #CCC;background:#fff;margin:0px 5px;padding:0px 5px;font-weight:normal; color:#c00;text-align: center;
border-top: #c00 solid 2px; } 
.sd02{cursor:pointer;border:0px solid #CCC;margin:0px 5px;padding:0px 5px;text-align: center; } 
.padr25{padding-right:25px; padding-left:0px;}
.padr0{padding-right:0px;}

.comment_train {
    margin-top: 30px;
    text-align: left;
}
.comment_train .coment_train_button {
    padding-top: 10px;
    text-align: left;
}
.comment_train .coment_train_button input.indentify{border:#ddd solid 1px; width:100px; color:#666; font-size:12px; }
.comment_train .coment_train_button input.subBtn {
    float: right;
    margin-right: 0px;
    border: none;
    width: 90px;
    height: 30px;
    line-height: 30px;
    background: #c00;
    cursor: pointer;
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
}
.comment_train .coment_train_button .vali {
    float: left;
    color: ;
}
.comment_train .title_comm {
    height: 40px;
    line-height: 40px;
    text-align: right;
}
.comment_train form {
    text-align: left;
}
.comment_train textarea{border:#ccc solid 1px; height:80px; background:#f8f8f8; font-size:14px; color:#666; line-height:23px; width:100%; padding:10px;}
.comment_train .content_comm {
    margin-top: 65px; padding-bottom:10px;
}
.comment_train .content_comm .content_commBox {
    padding: 20px;
    border-bottom: dotted 1px #CCC;
    color: #9A9A9A;
}
.comment_train .content_comm .content_commBox img {
    float: left;
    margin-right: 20px; margin-bottom:30px; height:60px; width:60px; border-radius:30px;
}
.comment_train .content_comm .content_commBox .nameTime {
    color: #676767; font-size:12px;
}
.nameTime {
    margin-bottom: 10px;
}
.comment_train .content_comm .content_commBox p {
    line-height: 26px; font-size:16px; color:#333;
}
.morecomm {
    margin-top: 10px;
    text-align: left;
    padding-bottom:10px;
}
.morecomm a{background:#fff; border:#ccc solid 1px; border-radius:25px; box-shadow:0px 0px 8px #ccc; height:35px; font-size:16px; line-height:35px; display:block; width:350px; margin:30px auto; text-align:center; color:#333;}
.morecomm a:hover{border:#c00 solid 1px; color:#c00; box-shadow:0px 0px 8px #f2bfbf;}
.listtrain_righttitle{font-size:18px; color:#333; padding:10px 0px; border-bottom:#ddd solid 1px; line-height:30px;}
.listtrain_rightbar{padding:20px 0px; text-align:center;}
.listtrain_rightcontact{padding:20px; text-align:left; font-size:16px; color:#666; line-height:30px;}
.listtrain_rightbar img{width:70%;}
.marb40{margin-bottom:40px;}
@media(max-width:959px){.scrollUl li{float:left; width:100px;} .padr25{padding-right:15px; padding-left:15px;}.padr0{padding-right:15px;}.marb40{margin-bottom:10px;}.comment_train .content_comm .content_commBox p {
    line-height: 20px; font-size:14px; color:#333;}
}

.comindex{color:#000;}
.comindex:hover{color:#333;}