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

body{ background:#f2f2f2;}
.main{ background:#FFF;}
.location{ line-height:40px; font-size:14px; text-align:right; background:#f2f2f2; padding:10px 0 0 0;}
.mainLeft h2{ padding:4px 0 0 0; text-align:center; line-height:42px; font-size:16px; border-bottom:solid #e1e1e1 1px;}
.mainLeft li a{ display:block; line-height:42px; height:46px; overflow:hidden; padding:4px 0 0 0; font-size:16px; text-align:center; border-bottom:solid #e1e1e1 1px;}
.mainLeft li a.cur{ background:#b13d2c; color:#FFF; font-weight:bold;}
.mainRight{ border-left:solid #eeeeee 2px; padding-bottom:120px;}
.mainRight .righttitle{ padding:0 0 0 35px; height:46px; line-height:46px; border-bottom:solid #e1e1e1 1px;}
.mainRight .righttitle h2{ font-size:18px; color:#b13d2c; font-weight:bold; line-height:46px; float:left; margin:0 auto;}
.mainRight .righttitle span{ font-size:14px; color:#999; margin-left:10px;}
.mainRight .righttitle a{ float:right; width:62px; height:22px; line-height:22px; text-align:center; color:#FFF; font-size:14px; background:#d65555; margin:12px 20px 0 0;}
.newslist{ margin:0 20px;}
.newslist li{ border-bottom:dashed #c2c2c2 1px; height:45px; line-height:45px; font-size:14px; padding:0 10px;}
.newslist li span{ float:right; color:#777;}
.newslist li a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.mainLeft{ padding-right:0;}
.mainRight{ padding-left:0;}

/*内容部分td th  表格显示边框*/
.mainRight     table, td, th  {  text-align:center;border:1px solid black;}

/*分页*/
.pagination{text-align:center; margin-top:30px; display:block;}
.pagination a,.pagination b{display:inline-block; vertical-align:top; background:#323c4c; height:26px; line-height:26px;color:#FFF; margin-right:4px; padding:0px 9px; border-radius:4px;}
.pagination a:hover,.pagination .cur{ background-color:#d8330d; color:#fff;}

.new-title{ margin:0 20px; padding:25px 0 0 0; font-size:18px; font-weight:bold; text-align:center; line-height:30px;}
.new-time{ margin:0 20px; color:#999999; padding:10px 0; text-align:center;}
.new-text{ margin:20px 20px 0 20px; font-size:14px; line-height:30px;}
.new-text img{ display:inline-block; margin:10px 0;}
.new-bottom{ margin:20px 20px 0 20px; font-size:14px;}
.new-bottom a{ display:block; line-height:20px; background:#f2f2f2; font-size:14px; margin-bottom:10px; padding:10px;}


/*课程*/
.righttitle .sear{ width:162px; height:28px; border:solid #ccc 1px; margin:8px 15px 0 0; position:relative; float:right;}
.righttitle .sear .fidtext{ width:128px; height:26px; line-height:26px; line-height:26px; float:left; border:0; background:none;}
.righttitle .sear .bnt{ background:url(../images/searbnt.png) no-repeat center center; height:26px; width:33px; border:0 none; border-left:solid #ccc 1px; cursor:pointer; position:absolute; right:0; top:0;}

.courselist{ padding:40px 0 0 0;}
.courselist li{ float:left;}
.courselist li img{ width:100%; margin-bottom:6px;}
.courselist li p{ line-height:24px; color:#999;}
.courselist li p a{ font-size:14px;}



/*2017-03-13*/
.process,certif{ text-align:center; padding:70px 0; margin:0 10%;}
.process img,.certif img{ width:100%;}

.teachers{ margin:30px 0 0 0;}
.chersList{ padding:0 30px;}
.chersList li{zoom:1; overflow:hidden; border-bottom:dashed #d4d4d4 1px; padding:20px 5px;}
.chersList li img{ width:90px; height:90px; float:left; border-radius:50%;}
.chersList li dl{ line-height:30px; padding:0 0 0 105px; font-size:14px; margin:0;}
.chersList li dt{ overflow:hidden;}
.chersList li dt h3{ float:left; font-weight:bold; font-size:16px; margin:0;}
.chersList li dt span{ float:left; margin-left:10px; color:#999;}
.chersList li dd{ color:#666;}
.chersList li dd a{ color:#b13d2c; margin-left:20px;}

.chers_deta{ padding:30px;}
.chers_deta .photos{ width:90px; height:90px; float:left;}
.chers_deta .photos img{ width:90px; height:90px; border-radius:50%;}
.chers_deta dl{ padding:0 5px 20px 110px; line-height:28px; font-size:14px; border-bottom:dashed #dcdcdc 1px;}
.chers_deta dt{ overflow:hidden; margin-bottom:8px;}
.chers_deta dt h3{ float:left; font-weight:bold; margin:0; font-size:16px;}
.chers_deta dt span{ float:left; margin-left:10px; color:#999;}

.chers_deta ul{ padding:36px 0 0 0;}
.chers_deta li{ padding-bottom:20px;}
.chers_deta li .clist{ border:solid #cacaca 1px;}
.chers_deta li .divImg{ position:relative;}
.chers_deta li .divImg img{ width:100%;}
.chers_deta li .divImg a.reod{ background:url(../images/imgbj.png); display:block; width:100%; height:36px; line-height:36px; padding:0 10px; position:absolute; bottom:0; font-size:14px; color:#FFF;}
.chers_deta li .divImg a.reod b{ background:url(../images/ind_icons.png) no-repeat -100px -80px; width:24px; height:24px; float:left; margin:6px 6px 0 0;}
.chers_deta li .text{ line-height:26px; padding:10px;}
.chers_deta li .text p{ margin:0;}
.chers_deta li .text p span{ margin:0 20px 0 0;}

.fessional{}
.fessional ul{ margin:20px 0 0 0;}
.fessional li{ font-size:14px; line-height:36px; height:36px; overflow:hidden; text-align:center; margin:0 0 15px 0;}
.fessional li a{ height:36px; display:block; border:solid #dbdbdb 1px; color:#444;}
.fessional li a:hover,.fessional li.cur a{ border:solid #b13d2c 1px; background:#b13d2c; color:#FFF; font-weight:bold;}

.fess_text{}
.fess_text h3{ text-align:center; font-size:16px; font-weight:bold;}
.fess_text .text{ line-height:28px; font-size:14px; color:#444;}

.certif{ margin:20px;}
.certif img{ width:100%;}



@media only screen and (max-width: 992px){
	.mainLeft{ padding-right:15px;}
	.mainRight{ padding-left:15px; border-left:0;}
	.mainRight .righttitle{ height:auto; overflow:hidden; border-top:solid #e1e1e1 10px;}
	.mainRight .righttitle{ padding:0 15px;}
	.mainRight .righttitle h2{ font-size:16px;}
	.mainRight .righttitle a{margin:12px 0;}
	.chers_deta{ padding:10px;}
	.chers_deta .photos{ width:50px; height:50px; float:left;}
	.chers_deta .photos img{ width:50px; height:50px; border-radius:50%;}
	.chers_deta dl{ padding:0 0 20px 60px;}
	.chers_deta ul{ padding:16px 0 0 0;}
	.mainRight{ padding-bottom:20px;}
	.chers_deta li .divImg img{ width:100%; height:128px;}
	
}


@media only screen and (max-width: 768px) {
	.chers_deta li .text{ line-height:22px; padding:5px 10px;}
	.chersList li dd{ color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
	.chersList li img{ width:70px; height:70px; float:left; border-radius:50%;}
	.chersList li dl{padding:0 0 0 85px;}
	.chersList{ padding:0 10px;}
	
	.righttitle .sear{ width:100%; height:28px; border:solid #ccc 1px; margin:0 0 10px 0; position:relative; clear:both;}
	.righttitle .sear .fidtext{ width:100%; height:26px; line-height:26px; line-height:26px; float:left; border:0; background:none;}

}


@media only screen and (max-width: 480px) {
	.mainLeft li a{ font-size:14px; line-height:34px; height:38px; overflow:hidden;}
	.chers_deta li .divImg a.reod{ background:url(../images/imgbj.png);height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
	.chers_deta li .divImg a.reod b{ display:none;}
	.chers_deta li .text p span{ display:block; margin:0;}
	.courselist{ padding:20px 0 0 0;}
	.chersList li img{ width:50px; height:50px;}
	.chersList li dl{ padding:0 0 0 60px;}
	.chersList li dt{ overflow:hidden;}
	.chersList li dt h3{ float:left; font-weight:bold; font-size:14px; margin:0;}
	.chersList li dt span{ float:left; margin-left:10px; color:#999;}
	.chersList li dd a{ color:#b13d2c; margin-left:20px;}
	.chers_deta li .divImg img{ width:100%; height:100px;}
	.new-text img{ width:100%; margin:0;}
	.new-text{ margin:10px 20px 0 20px;}

}