select {
    -webkit-appearance: menulist;
}


@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  
}

.ChanneTraining{
	margin-top:30px;
}
.ChanneTraining .news-page{
	width:375px;
	margin:0 auto;
	float:none;
}
.removerH{
	padding-top:100px;
}
.programWrapBox{
	width: 1232px;
	min-width:320px;
	height: 100%;
	padding: 0 16px 20px;
	margin: 0 auto;
	position: relative;

}
.programWrapBox .leftNav{
	width:19%;
	float:left;
}
.programWrapBox .leftNav h3{
	font-size:20px;
	color:#333;
	margin:10px 0 15px;
}
.programWrapBox .leftNav ul{
	margin-bottom:40px;
}
.programWrapBox .leftNav li{
	height:40px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding-left:45px;
	margin-top:-1px;
	background:url(../images/sj_solve.png)no-repeat 30px 6px;
}
.programWrapBox .leftNav a{
	font-size:14px;
	color:#333;
	display:block;
	line-height:40px;
}
.programWrapBox .leftNav li.active a{
	color:#248fd1;
}
.programWrapBox .leftNav a.img-link{
	margin-bottom:10px;
}
.programWrapBox .leftNav a.img-link img{
	width:100%;
}
.programWrapBox .rightCon{
	width:81%;
	float:right;
	padding-left:30px;
	padding-bottom:30px;
}
.programWrapBox .noLeft{
	width:100%;
	padding-left:0px;
}
.rightCon .row{
	margin-bottom:25px;
}

.programWrapBox .rightCon img{
	width:100%;
}
.programWrapBox .rightCon .news-page img{
	width:30px;
}
.programWrapBox .rightCon h4{
	font-size:22px;
	color:#333;
	margin:15px 0;
}
.programWrapBox .rightCon .course-details{
	width:75%;
	float:left;
}
.programWrapBox .rightCon .course-related-links{
	width:23%;
	float:right;
}
.programWrapBox .rightCon .p-text{
	font-size:14px;
	color:#333;
	margin-top:15px;
}
.programWrapBox .rightCon .text-list{
	background:#f5f5f5;
	padding:15px 20px;
	margin:15px 0;
}
.programWrapBox .rightCon .text-list li{
	list-style: none;
	padding:3px 0;
	color:#666;
	font-size:14px;
}
.course-related-links{
	width:100%;
	border:1px solid #ededed;
}
.course-related-links h2{
	background: #f5f5f5;
	padding:10px 15px;
	font-size:20px;
	color:#333;
	margin:0;
}
.course-related-links li{
	padding:10px 15px;
	font-size:16px;
}
.course-related-links li a{
	color:#7f7f7f;
}
.course-related-links li a:hover{
	color:#e60012;
}
.course-related-links li a.active{
	color:#e60012;
}
.programWrapBox .rightCon p{
	color:#333;
	font-size:14px;
}
.programWrapBox .rightCon a.more{
	font-size:14px;
	color:#248fd1;
	padding: 4px 28px 0 0;
    float:right;
    background: url(../images/more.gif) no-repeat 32px 60%;
}
h2.title {
    position: relative;
    margin-top:40px;
    margin-bottom: 30px;
    padding-left: 23px;
    font-size: 32px;
    color: #333;
    line-height: 1;
    font-weight: 400;
}
h2.title:before {
    position: absolute;
    left: 0;
    content: '';
    display: inline-block;
    margin-right: 18px;
    width: 5px;
    height: 32px;
    margin-top:2px;
    background-color: #e60012;
}
.gray{
	background:#f5f5f5;
}
.ChanneTraining h2.title{
	margin-top:0;
}
#ChanneTrainingM,
#ChanneTrainingNav{
		display:none;
	}
#ChanneTrainingM img{
	width:100%;
}
#ChanneTrainingM a.more{
	font-size: 14px;
    color: #248fd1;
    padding: 4px 28px 0 0;
    float: right;
    background: url(../images/more.gif) no-repeat 32px 60%;
}
#ChanneTrainingM .swiper-slide{
	height:auto!important;
	padding-bottom:20px;
	    width: 93.33%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    -o-box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}
#ChanneTrainingM .swiper-pagination-ChanneTraining{
	text-align:center;
	padding-bottom:25px;
	padding-top:15px;
}
#ChanneTrainingM .swiper-pagination-ChanneTraining a{
	display:block;

}
#ChanneTrainingM .swiper-pagination-ChanneTraining span{
	width:8px;
	height:8px;
}
#ChanneTrainingM h4{
	font-size:18px;
	color:#333;
	margin:10px 0;
	padding:0 15px;
}
#ChanneTrainingM p{
	color:#333;
	font-size:14px;
	padding:0 15px;
}
#ChanneInstrument .leftNav{
	display:none;
}
#ChanneInstrument .box-items{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.1);
    -ms-box-shadow: 0 3px 8px rgba(0,0,0,.1);
    -o-box-shadow: 0 3px 8px rgba(0,0,0,.1);
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
    padding-bottom: 22px;
}
#ChanneInstrument .box-items .Instrument-img{
	width:100%;
}
#ChanneInstrument .box-items .Instrument-img.mb{
	display:none;
}
#ChanneInstrument .box-items .Instrument-img.pc{
	display:block;
}
#ChanneInstrument .box-items .instrument-list{
	padding:20px 50px;
}
#ChanneInstrument .box-items .instrument-list li{
	display:block;
	font-size:18px;
	color:#333;
	float:left;
	text-align:left;
	width:25%;
	min-height:50px;
}
#ChanneInstrument .box-items .instrument-list a{
	color:#333;
}
#ChanneInstrument .box-items .instrument-list a:after{
	background:url(../images/icon-link-arrow-r.png) no-repeat;
	content: '';
	display: inline-block;
	width:22px;
	height:22px;
	vertical-align: middle;
	margin-left:10px;
}
#ChanneInstrument .programWrapBox .rightCon{
	padding-bottom:30px;
}
.form{
	font-size:14px;
	color:#333;
}
.form-line{
	border-bottom:1px solid #ededed;
	margin-bottom:20px;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 5px;
    text-align: right;
    font-weight:normal;
}
.form-group{
	margin-bottom:20px;
}
.form-group .add-btn{
	position:relative;
}
.form .text-explain a{
	color:#e60213;
}
.form .text-record{
	color:#e60213;
	font-weight:bold;
}
.form-group .add-btn .select-box{
	position:absolute;
	top:36px;
	left:15px;
	right:15px;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	z-index:10;
	color:#333;
	font-size:14px;
	background:#fff;
}
.form-group .add-btn .select-box h5{
	background:#f5f5f5;
	font-weight:bold;
	line-height:36px;
	padding-left:10px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
}
.form-group .add-btn .select-box li{
	float:left;
	line-height:36px;
	width:33.3333%;
	text-align:center;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	cursor:pointer;
}
.select-box.hidden{
	display:block;
}

.form-group .add-btn span{
	position:absolute;
	top:6px;
	right:20px;
	cursor:pointer;
}

.form-center-btn{
	text-align:center;
	padding:0;
}

.form-center-btn.form-center-btn-t{
	padding-top:10px;
}
.rightCon .form-center-btn{
	padding-top:10px;
}
.btns,button.btns,a.btns{
	background:#e60213;
	height:34px;
	padding:0 30px;
	color:#fff;
	font-size:14px;
	border:0;
	border-radius:0;
}

a.btns{
	display:inline-block;
	line-height:34px;
}
.query-table{
	/*margin-top:40px;*/
}
.query-table p a{
	color:#248fd1;
}
.query-table p img.pdf-icon{
	width:15px;
	height:15px;
	margin-right:5px;
	vertical-align: middle;

}

 h3.title{
	font-size:18px;
	margin-bottom:10px;
	margin-top:20px;
}
h4.title{
	border-bottom:1px solid #ddd;
	font-size:16px;
	color:#333;
	padding:10px 0;
	font-weight:normal;
}
.query-table-partner .table .form-control{
	width:120px;
	display:inline-block;
	height:26px;
}
.query-table-partner .table .btns{
	height:26px;
	display:inline-block;
	padding:0 10px;
}
p.table-m-t{
	font-size:16px;
	margin-top:-5px;
	/*color:#e60213;*/
	color:#666;
	text-align:center;
	margin-bottom:10px;
	display:none;
}
.query-table .table{
	color:#333;
	font-size:14px;
	text-align:center;
	border:1px solid #dddddd;
	margin-bottom:0;
}
.query-table .tables p{
	text-align:left;
}
.query-table .table a{
	color:#248fd1;
}
.query-table .table thead{
	background:#f5f5f5;
}
.query-table .table th{
	font-weight:bold;
}
.query-table .table td,
.query-table .table th{
	border:1px solid #dddddd;
	text-align:center;
}
/*H3C认证培训及考试报名*/

.input-table .prompt{
	font-size:16px;
	margin:15px 0;
}
.input-table .prompt a{
	color:#e60213;
}
.input-table .query-table{
	margin-top:10px;
}
.input-table .query-table select.form-control{
	height:25px;
	padding:0 12px;
	margin-top:-2px;
}
.input-table .checkbox{
	margin:15px 0 10px;
	padding:0;
	text-align:left;
	padding-left:15px;
}
.input-table .inputs{
	margin-top:20px;
    padding-top:30px;
}
.input-table .inputs .form-group{
	margin-bottom:10px;
}
.input-table .inputs .control-label{
	font-weight:normal;
}
.input-table .inputs .text{
	text-align:center;
	margin-top:30px;
}
.input-table .inputs .text a{
	color:#e60213;
}
.input-table .inputs p{
	color:#666;
	font-size:16px;
	margin-bottom:10px;
	line-height:22px;
}
.input-table .inputs p a{
	color:#e60213;
	font-weight:bold;
}
.input-table .inputs .notFull{
	position:relative;
}
.notFull span{
	position:absolute;
	right:0px;
	top:10px;
	color:#e60213;
}
.input-table .inputs .form-control
{
	width:99%;
}
.input-table .inputs p.form-foot-text{
	font-size:14px;
}
.input-table .inputs .h3cID span,
.input-table .inputs .h3cID a{
	color:#e60213;
	padding-top:6px;
	display:inline-block;
	font-size:14px;
}
.input-table .inputs .h3cID a{
	color:#248fd1;
}
.input-table .inputs .h3cID .notFull span{
	padding-top:0;
}
.input-table .inputs .invoice{
	display:none;
}
.input-table .inputs .h3cIDS span{
	color:#666;
}
.input-table .inputs p.tishi{
	color:#e60213;
	display:none;
	font-size:14px;
}
.input-table .inputs .h3cIDS span i{
	color:#e60213;
}
.input-table .inputs .cardID .btns{
	width:100%;
	border-radius:4px;
}
.programWrapBox .rightCon .form-group-code img{
	width:60px;
}
.input-table .inputs .form-group.companyInvoiceTypes{
	display:none;
}
.input-table .inputs .form-group-code .form-control{
	width:25%;
	display:inline-block;
}
.ChanneTraining .input-table{
	padding-bottom:0;
}
#queryTrainingDetails .table{
	border:0!important;
}
#queryTrainingDetails .table td{
	border:0!important;
}
#queryTrainingDetails .table td a{
	color:#248fd1;
}
#queryTrainingDetails .table tr td:first-child{
	text-align:right;
}

/*H3C培训合作伙伴讲师培训及认证报名*/
.cultivateBox{
	border:1px solid #ddd;
	margin:10px 0;
	padding:0 10px;
}
.lineBox{
	padding:10px;
}
.agencyBox{
  margin-bottom:10px;
}
.form-group span.error{
	color:#e60213;
	font-size:14px;
}
.form-group p.error{
	color:#e60213;
	font-size:14px;
	margin-top:5px;
}
.form-horizontal p.noInput{
	padding:5px 0;
}
#agency{
	display:none;
}

#individualInvoice,#commonInvoice,#dedicatedInvoice,#trainTable,#examTable{
	display:none;
}
/*选择发票时的样式*/
.invoiceTypeBox{
	background:#fff;
}
.invoiceTypeBox h4{
	text-align:center;
	background:#f5f5f5;
	padding:10px 0;
}
.invoiceTypeBox{
	border:1px solid #ddd;
	margin:20px 0;
}
.invoiceTypeBox .form-group{
	margin-bottom:0!important;
	border-top:1px solid #ddd;
	margin-top:-1px;
	margin-left:0;
	margin-right:0;
}
.invoiceTypeBox .form-group .control-label{
	text-align:center;
	border-right:1px solid #ddd;
	padding:0;
	margin:0;
}
.invoiceTypeBox .form-group>div,
.invoiceTypeBox .form-group .control-label{
	height:80px;
	line-height:80px;
}
.invoiceTypeBox .form-group p{
	line-height:20px;
	font-size:12px;
	color:#e60213;
	padding-top:8px;
}
.invoiceTypeBox .form-group .form-control{
	margin-top:22px;
}
/*登录开始*/
.input-table .logo-box{
    width:600px;
    margin:0 auto;
    background:#fff;
   /* padding:30px;*/
   padding-bottom:20px;
}
.input-table .retrieve-password .form-btn{
	margin-top:20px;
}
.retrieve-password p.text-explain{
	padding:20px 36px;
	font-size:16px;
}
.input-table .logo-box .tab{
    width:100%

}
.input-table .logo-box .tab li{
    width:33.3333333%;
    padding:10px 0;
    text-align:center;
    color:#333;
    float:left;
    background:#f5f5f5;
    cursor:pointer;
    font-size:20px;
}
.input-table .logo-box .tab li.active{
    background:#fff;
}
.input-table .logo-box .form-group .form-control{
    width:92%;
 }
 .input-table .retrieve-password .form-group .form-control{
 	width:82%;
 }
 .input-table .logo-box .form-group-code .form-control{
    width:50%;
 }
 .input-table .logo-box .form-group .user-remind{
    margin-top:5px;
    display:none;
    font-size:12px;
 }
 .input-table .logo-box .form-group.form-center-btn>div{
    padding-right:12%;
 }
 
 .input-table .logo-box .line{
    border-top:1px solid #ccc;
    width:80%;
    margin:15px auto;
 }
 .input-table .logo-box .linkGo a{
    color:#0b7ed7;
    margin-right:15px;
    font-size:14px;
 }
 /*登录结束*/

@media screen and (max-width: 1174px){
	#ChanneInstrument .box-items .instrument-list li{
		width:33%;
		font-size:18px;
	}
}
@media screen and (max-width: 768px){
	.removerH{
		padding-top:0;
	}
}
@media screen and (max-width: 767px){
	.programWrapBox .leftNav ul{
		margin-bottom:0;
	}
	.programWrapBox .rightCon .course-details,
	.programWrapBox .rightCon .course-related-links{
		width:100%;
		float:none;
	}
	.course-related-links h2{
		font-size:16px;
	}
	.course-related-links li{
		font-size:14px;
		padding:6px 15px;
	}
	/*登录开始*/
	.input-table .logo-box{
        width:100%;
     }
     .input-table .logo-box .control-label{
        font-size:14px;
     }
     .input-table .logo-box .inputs{
        padding:30 10px 0 10px;
     }
     .input-table .logo-box .form-group-code .form-control{
        width:50%;
     }
    .input-table .logo-box .form-group.form-center-btn>div{
        padding-right:0;
     }
     .input-table .logo-box .form-group>div{
        padding-left:0;
     }
     .input-table .logo-box .form-btn{
        text-align:center;
     }
     .input-table .logo-box .linkGo>div{
        text-align:center;
     }
     .input-table .logo-box .form-group .user-remind{
        margin-top:-10px;
        margin-bottom:15px;
     }
    .input-table .logo-box .form-group span.error{
		margin-top: -12px;
	    margin-bottom: 10px;
	    display: block;
	}
	/*登录结束*/
	.retrieve-password p.text-explain{
		padding:20px;
	}
	.input-table .retrieve-password .form-btn{
		margin-top:10px;
	}
	.input-table .retrieve-password .inputs{
		margin-top:0;
	}
	.ChanneTraining .news-page{
		float:right;
		margin:0;
		width:100%;
	}
	p.table-m-t{
		display:block;
	}
	#trainTable .btns{
		margin-bottom:20px;
		margin-top:5px;
	}
	.input-table .query-table select.form-control{
		margin-bottom:0;
	}
	.invoiceTypeBox .form-group p{
		padding-top:0px;
	}
	.form-horizontal p.noInput{
		font-size:16px;
		line-height:24px;
	}
	.radio-inline input[type=radio] {
		background: #666;
	}
	.form {
		font-size: 18px;
	}
	.input-table .prompt span{
		display:none;
	}
	.text-explain{
		font-size:16px;
		line-height:24px;
	}
	.input-table .prompt{
		font-size:18px;
	}
	#ChanneInstrument .box-items .Instrument-img.mb{
		display:block;
	}
	#ChanneInstrument .box-items .Instrument-img.pc{
		display:none;
	}
	.agencyBtn{
		margin-top:10px;
	}
	.invoiceTypeBox .form-group{
		margin-bottom:10px!important;
	}

	.news-page {
		padding-top:0px;
	}
	.news-page p {
		vertical-align: bottom;
	}
	.news-page a {
		vertical-align: bottom;
	}
	.news-page .form {
		display: inline-block;
		margin-left: 15px;
		vertical-align: bottom;
	}
	.invoiceTypeBox .form-group .form-control{
		margin-top:0px;
	}
	.form-center-btn{
		padding:10px 0 20px 0;
	}
	.invoiceTypeBox .form-group .control-label{
		border-right:0;
	    padding-top: 7px;
	    margin-bottom: 5px;
	    text-align: right;
	    padding-left:15px;
	}
	.invoiceTypeBox .form-group>div, .invoiceTypeBox .form-group .control-label{
		line-height:34px;
	}
	.invoiceTypeBox .form-group>div, .invoiceTypeBox .form-group .control-label{
		height:auto;
	}
	.notFull span{
		right:6px;
	}
	#ChanneTraining{
		display:none;
	}
	#ChanneTrainingM,#ChanneTrainingNav{
		display:block;
	}
	#ChanneTrainingNav{
		padding:20px 0;
	}
	#ChanneTrainingNav .leftNav,
	.ChanneTraining .leftNav{
		display:block;
	}
	#ChanneTrainingNav .leftNav h3,
	.ChanneTraining .leftNav h3{
		display:none;
	}
	#ChanneTrainingNav .leftNav li,
	.ChanneTraining .leftNav li{
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
		padding:0 15px;
		background:url(../images/icon-link-arrow-r.png) no-repeat 95% center;
		background-size:15px 15px;

	}
	.removerH{
		display:none;
	}
	.form-horizontal .form-group,.input-table .inputs .form-group{
		margin-bottom:0;
	}
	.form-group p.error{
		margin-top:-10px;
	}
	.form-group .style-m{
		margin-top:-15px;
		margin-bottom:10px;
	}
	.form-control{
		margin-bottom:15px;
		font-size: 16px;
	    line-height: 2;
	    height: 40px;
	}
	.form-group .radio-inline{
		margin-bottom:15px;
	}
	.programWrapBox .rightCon{
			padding-bottom:10px!important;
		}
	#ChanneInstrument .box-items .instrument-list{
		padding:20px;
	}
	#ChanneInstrument .box-items .instrument-list li{
		width:50%;
		font-size:16px;
	}
	#ChanneInstrument .box-items .instrument-list li.len{
		width:100%;
	}
	#ChanneInstrument .box-items .instrument-list a:after{
		background-size:18px 18px;
	}
	.programWrapBox .rightCon h4{
		font-size:18px;
		color:#333;
	}
	.programWrapBox .leftNav{
		float:none;
		width:100%;
	}
	.programWrapBox .rightCon{
		width:100%;
		float:none;
		padding-left:0;
	}
	h2.title {
	    position: relative;
	    border-left: 0;
	    padding: 4px 15px;
	    font-size: 22px;
	    font-weight: 400;
	    line-height: 1.25;
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 10px;
	}
	h2.title:after {
	    content: '';
	    display: block;
	    width: 50px;
	    margin: 10px auto;
	    height: 1px;
	    border-bottom: 3px solid #e60012;
	}
	h2.title:before {
	    display:none;
	}
	h3.title {
		padding: 20px;
		margin: 0;
		text-align: center;
	}
	.input-table .inputs .h3cID span,
	.input-table .inputs .h3cID a {
		font-size: 14px;
	}
	button.btns, a.btns {
		font-size: 18px;
	}
}
@media  screen and (max-width:1250px){
	.programWrapBox{
		width: 100%;
	}
}
