@charset "utf-8";
/* CSS Document */
/* 标准色#03896C rgba(3,137,108)*/
body { width: 100%; height: 100%; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun; font-size: 1em; color: #333; font-weight: normal; background: #fff; max-width: 768px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); text-align: justify;}
a { color: #333; text-decoration: none;}
body,div,dl,dt,dd,ul,ol,li,input,textarea,p,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
img { border: 0; height: auto;}
ul,li { list-style: none;}
h1 { font-size: 1.2em;}
h2 { font-size: 1em;}
.left { float: left;}
.right {float: right;}
.block { display: block;}
.hidden { display: none;}
.clearfix:after { content: " "; display: block; clear: both; height: 0;}
.clearfix { zoom: 1;}
.width { width: 100%;}
.content { width: 92%; margin: 0 auto;}
.detail.content { margin-top: 1em;}

.space { padding: 1.8em 0 1em; border-bottom: 10px solid #f8f8f8;}
/*head*/
#head { width: 90%; height: 3em; padding: 0 5%; background: #fff; position: fixed; z-index: 999; top: 0; box-shadow: 0 2px 6px rgba(153,153,153,.4);}
#head>a>img { height: 2em; width: auto; margin-top: .5em; float: left;}
#head h1 { float: left; line-height: 2.4em; margin-left: .5em; color: #000; display: inline-block;}
#head>a.tel { color: #03896C; font-weight: bold; line-height: 3em; float: right;}
#head>a.tel:before { content: " "; display: block; width: 1em; height: 3em; float: left; margin-right: .2em; background: url(../images/icon_m_ju.png) no-repeat 0 1.1em; background-size: 6.6em auto;}
/*nav*/
#nav { width: 100%; overflow-x: auto; overflow-y: hidden; background: #f9f9f9; margin-top: 3em; color: #333; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
#nav::-webkit-scrollbar { display: none; }
#nav a{ line-height: 3em; float: none; display: inline-block; width: auto; min-width: 4.5em; padding: 0 .65em; box-sizing: border-box; text-align: center; white-space: nowrap; vertical-align: top;}
#main { width: 100%; height: auto; position: relative; z-index: 0; background: #f8f8f8;}
#main #slider1{ width:100%; height:16.75em; margin-top:-2.8em;}
#main #slider1 .banner1{ background:url(../images/m_banner1.jpg) no-repeat center; width:100%; height:16.75em;}
/* banner */
.slide-main { position: relative; z-index: 0;}
.item { display: block; width: 130px; height: 5px; position: absolute; z-index: 124; bottom: 12%; left: 50% ; margin-left: -60px; text-align: center; opacity: 0.3; -moz-opacity: 0.3;}
.item a { display: inline-block; width: 30px; height: 5px; margin: 0 5px; background: #000; filter: alpha(opacity=30); overflow: hidden;}
.item a.cur { background: #fff;}
.slide-box,.slide { display: block; width: 100%; overflow: hidden; text-align: center;}
.slide,.slide img { width: 100%; height: 100%;}
.slide-box { position: relative;}
.slide { display: none; overflow: hidden; z-index:8;}
/*首页样式开始*/
/*标题样式*/
.space { padding: 1.5em 3% 0; border-bottom: 10px solid #f8f8f8;}
.space .ab { display: block; font-weight: bold; font-size: 1.4em; border-bottom: 1px solid #03896C; padding-bottom: .2em; margin-bottom: .8em;}
.space .ab:before { content: " "; display: block; width: 10px; height: 10px; border-radius: 2px; background: linear-gradient(#03896C,rgba(3,137,108,.6)); transform: rotate(45deg); box-shadow: 0 0 5px 0 #fff inset; float: left; margin: .5em .5em 0 0;}
.space .ab span { float: right; display: inline-block; color: #999; font-weight: normal; background: #f8f8f8; padding: .2em .8em; border-radius: 40px; font-size: 12px;}
/*按钮*/
a.in-btn { background: linear-gradient(#03896C,rgba(3,137,108,.6)); border-radius: 100px; display: block; width: 50%; line-height: 2.8; margin: 1em auto; text-align: center;color: #fff;}
/*课程*/
#course .tab,#information .tab { border-radius: 6px; box-shadow: 0 2px 15px rgba(153,153,153,.2); display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around;}
#information .tab { border-radius: 50px;}
#course .tab a,#information .tab a { width: calc(100% / 3); line-height: 2.5; border-radius: 6px; text-align: center; font-weight: bold;}
#information .tab a { width: 50%; border-radius: 50px;}
#course .tab a.on,#information .tab a.on { background: linear-gradient(#ff6c00,#ffcc00); color: #fff;}
#course .tab a.on { background: linear-gradient(to right,#03896C,rgba(3,137,108,.6));}
#course ul>li { border: none; padding: 0; margin: 1em auto 0; width: 100%;}
#course ul>li>div>a { width: 48%; float: left; background: #fff; margin-bottom: 1em; padding-bottom: .2em; box-shadow: 0 2px 15px rgba(153,153,153,.4); border-radius: 6px; overflow: hidden;}
#course ul>li>div>a:nth-child(2n+2) { margin-left: 4%;}
#course ul>li>div>a img { width: 100%;}
#course ul>li>div>a h2 { font-weight: bold; font-size: 1em; line-height: 1.4; margin: .5em;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
#course ul>li>div>a h2:before { content: ""; display: block; width: 3px; height: 16px; background: #03896C; float: left; margin: 3px 0 0 -.5em; border-bottom-right-radius: 5px; border-top-right-radius: 5px}
/*简介*/
#introduction { padding-bottom: 1em;}
#introduction p,#introduction div { line-height: 2.2; text-indent: 2em; color: #575757; text-align: justify;}
#introduction div.img { margin-top: 15px;}
#introduction div.img img { display: block; text-indent: 0; width: calc(50% - 5px); float: left; border-radius: 10px;}
#introduction div.img img:nth-last-child(1) { margin-left: 10px;}
/*优势*/
#advantages .clearfix { border-radius: 10px; padding: .5em 2%; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.1); margin-bottom: 1em;}
#advantages img { width: 40%;}
#advantages .right { width: 57%;}
#advantages h2,#campus .right h2 { font-weight: bold; line-height: 2; border-bottom: 1px solid #03896C; color: #03896C; font-size: 1.1em;}
#campus .right h2 { line-height: 1.4; padding-bottom: .3em;}
#advantages p { color: #666; margin: .5em 0; line-height: 1.6;}
/*师资*/
#teacher .clearfix a { border-radius: 15px; overflow: hidden; float: left; width: 44%; margin-right: 4%; box-shadow: 0 2px 12px rgba(0,0,0,.1); padding: .5em 2%; margin-bottom: 1em;}
#teacher .clearfix a:nth-child(2n+2) { margin-right: 0;}
#teacher img { width: 50%; display: block; border-radius: 10em; margin: .5em auto;}
#teacher h2 { font-size: 1.1em; font-weight: bold; line-height: 1.6; text-align: center;}
#teacher p { line-height: 1.8; color: #666; margin: .2em auto; padding: 0 .5em;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
#teacher p:nth-child(3) { text-indent: 1em; background: url(../images/icon_m_ju.png) .5em -3.9em no-repeat; background-size: 160px auto; color: #ff941b;}
/*校区*/
#campus .hotcity { border-radius: 10px; box-shadow: 0 2px 15px rgba(153,153,153,.2); background: #fff; overflow: hidden;}
#campus .hotcity .left { color: #fff; font-weight: bold; width: 10%; font-size: 1em; background: #03896C; padding: .5em 2%; text-align: center;}
#campus .hotcity .left:after { content: " "; display: block; width: 12px; height: 12px; border-radius: 2px; transform: rotate(45deg); float: right; margin: -.5em -.8em 0 0; background: #03896C;}
#campus .hotcity .right { width: 78%; margin: .5em 3% 0 0;}
#campus .hotcity .right a { font-weight: bold; margin-right: .2em; display: inline-block;}
#campus a.clearfix { margin: .8em auto 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; padding: .5em 2%; display: block;}
#campus a.clearfix:nth-last-child(2) { margin-bottom: 1em;}
#campus a.clearfix img { width: 35%; float: left;}
#campus .right { width: 62%;}
#campus .right h2 { font-size: 1em;}
#campus a.clearfix .right p { color: #666; margin-top: .5em; font-size: .95em}
/*新闻*/
#information { border-bottom: none;}
#information ul>li { background: #fff; padding: 0 .5em; border-radius: 4px; border: 1px solid #d9d9d9; margin: 1em 0;}
#information ul>li>a { display: block; border-bottom: 1px dashed #ddd; padding: .8em .2em;}
#information ul>li>a:nth-last-child(1) { border-bottom: none;} 
#information ul>li>a>p { width: 63%; float: left; line-height: 1.8;}
#information ul>li>a>img { width: 32%; float: right;}
/*首页样式结束*/

/*列表页样式开始*/
div.list-title { border-bottom: 1px solid #03896C; font-size: 1.4em; text-align: center; margin: 1.2em auto .8em; font-weight: bold;}
div.list-title:after { content: " "; display: block; width: 30%; height: 3px; background: #03896C; margin: 2px auto -2px;}
.content.list>a { display: block; border-bottom: 1px solid #eee; padding: .8em 0;}
.content.list>a:nth-child(1) { border-top: 1px solid #eee;}
.content.list a img { width: 35%; display: block; float: left; border-radius: 6px;}
.content.list div.right { width: 61%;}
.content.list div h2 { height: 3.4em; margin-top: .3em;}
.content.list div p { color: #999; font-size: .95em;}
.content.list.course div p { margin-top: .2em;}
.content.list.about div p { margin-top: .5em;}
.content.list div span { color: #03896C; float: right; }
.content.list div span:after { content: " "; display: block; width: 1.3em; height: 1.4em; background: url(../images/icon_m_ju.png) no-repeat -15px 6px; background-size: 120px; float: right;}
.content.teacher div h2,.content.campus div h2,.content.course div h2,.content.list.about div h2 { height: auto; line-height: 1.6;}
.content.list.course div h2:before { content: " "; display: block; width: 3px; height: 1.1em; background: #03896C; float: left; margin: .3em .5em 0 0;}
.content.teacher .right p,.content.course .right p { line-height: 1.6; margin-top: .3em;}
.content.teacher div p:nth-child(2) { text-indent: 1em; background: url(../images/icon_m_ju.png) 0 -4.1em no-repeat; background-size: 160px auto; color: #ff941b;}
.content.teacher div p span { float: none; background: #03896C; border-radius: 4px; color: #fff; display: block; width: 40%; text-align: center; line-height: 1.8em; margin-top: .5em;}
.content.teacher div p span:after { display: none;}
/* 教师详情正文中的 span 是资料小标题，不应被套用教师列表的绿色按钮样式。 */
.detail.teacher .c_detail p span { display: inline; width: auto; margin-top: 0; padding: 0; background: none; border-radius: 0; color: inherit; text-align: inherit; line-height: inherit;}
.content.campus div p { line-height: 1.6;}
.content.city_btn a { display: block; float: left; line-height: 2em; width: 29%; text-align: center; border: 1px solid #03896C; color: #03896C; border-radius: 6px; margin: 0 3.2% .5em 0;}
.content.city_btn a:nth-child(4n+4) { margin-right: 0;}
.content.city_btn a:nth-last-child(1) { margin-bottom: 1em;}
p.time { background: url(../images/bg.png) no-repeat 0 -140px; padding-left: 20px;}
.page_btn li { float: left; padding: 0.5em 1.2em; color: #fff; background: #03896C; margin-right: 3%; margin-top: 0.8em; border-radius: 4px;}
/*.page_btn li:nth-last-child(2) { margin-right: 0;}*/
.page_btn li a { color: #fff;}
/*列表页样式结束*/

/*详情页样式开始*/
/*面包屑导航*/
#breadcrumb { padding: .5em 4%; color: #bbb; background: #f8f8f8;}
#breadcrumb a { color: #666;}
/*课程详情页+校区详情页*/
.detail h2 { font-size: 1.2em;}
.detail.course>h2:before,.detail.campus>h2:before { content: " "; display: block; width: 6px; height: 1.1em; background: #03896C; float: left; margin: .2em .5em 0 0; border-radius: 20px;}
.detail.course>p,.detail.campus>p { color: #999; margin-top: .5em; background: url(../images/bg.png) no-repeat 0 -63px; padding-left: 20px;}
.detail.course>p { position: relative; background: none;}
.detail.course>p:before { content: " "; display: block; width: 16px; height: 16px; position: absolute; left: 0; top: .15em; background: url(../images/bg.png) no-repeat 0 -63px;}
.detail.campus>p {background: url(../images/bg.png) no-repeat 0 -216px;}
.detail.campus>p span { color: #fa4c06;}
.detail.campus>.c_detail {line-height: 2;padding: 10px 0 15px;}
.tbutton a { display: block; width: 35%; line-height: 2em; text-align: center; color: #fff; background: #2ca5e0; border-radius: 6px; float: left; margin: .6em 5% 0 0;}
.tbutton a:nth-child(2) { background: #fa4c06;}
.teacher .tbutton a { width: 80%;}
.c_detail { border-top: 1px dashed #eee; padding: .5em 0; margin-top: 1em;}
.teacher .c_detail { line-height: 2; color: #666;}
#dituContent img { margin: 0!important; top: 92px!important;}
#dituContent .BMap_bubble_top { height: 0px!important;}
#dituContent .BMap_bubble_pop {padding: 10px 15px!important;height: 72px;border: 1px solid #999!important; box-shadow: 10px 10px 10px rgba(0,0,0,.2);}
#dituContent .iw_poi_title { color: #CC5522; font-size: 16px; font-weight: bold;}
/*校区固定内容*/
#campus_detail { margin: 15px;}
#campus_detail >div { margin-top: 30px;}
#campus_detail .city_btn { border-bottom: 1px solid #ddd; padding: 15px 0 10px; margin: 0 auto 25px;}
#campus_detail .city_btn span { font-weight: bold; float: left;}
#campus_detail .city_btn .right { float: right; width: calc(100% - 80px);}
#campus_detail .city_btn a { display: inline-block; font-size: .9rem; padding: 2px 10px; border-radius: 4px; margin: 0 5px 5px 0; background: #f5f5f5;}
#campus_detail h2 { font-size: 1.125rem; color: #000; line-height: 1.4; font-weight: bold;}
#campus_detail h2:before { content: " "; display: block; width: 6px; height: 20px; background: #03896C; border-radius: 10px; float: left; margin: 3px 8px 0 0;}
#campus_detail >p { background: url(../images/bg.png) no-repeat 0 -216px; color: #999; padding-left: 20px; margin: 10px 0 -15px;}
#campus_detail >p span { color: #03896C;}
#campus_detail .text>div:nth-child(1) span { color: #03896C; font-weight: bold; font-size: 1.1rem; margin-right: 2px;}
/*#campus_detail .text>div:nth-child(1) span:nth-child(1) { background: linear-gradient(135deg,#FFA63C,#FFB65E);-webkit-background-clip: text; color: transparent; margin-right: 10px;}*/
#campus_detail .text>div, #campus_detail .text>p { border-top: 1px dashed #eee; padding: 12px 0; color: #666; line-height: 1.6; font-size: .95rem;}
#campus_detail .text>div:nth-child(1), #campus_detail .text>p:nth-child(1) { margin-top: 15px;}
#campus_detail .course_type { border-top: 1px solid #eee; margin: 0 0 -20px; padding: 25px 0 0;}
#campus_detail .course_type span { font-weight: bold; float: left;}
#campus_detail .course_type .right { float: right; width: calc(100% - 70px);}
#campus_detail .course_type a { font-size: .95rem; display: inline-block; color: #03896C; background: rgba(3,137,108,.06); border-radius: 4px; padding: 2px 10px; margin-left: 5px; margin-bottom: 10px;}
#campus_detail .recommend a { width: calc(48% - 2px); border: 1px solid #eee; border-radius: 6px; overflow: hidden; margin-top: .8em; display: block; float: left;}
#campus_detail .recommend a:nth-child(2n+2) { margin-left: 4%;}
#campus_detail .recommend img { width: 100%;}
#campus_detail .recommend h3 { line-height: 2.4!important; text-align: center; font-size: 1rem; font-weight: bold;}
#campus_detail .imgs { margin: 20px 0 0;}
#campus_detail .imgs img { width: calc(50% - 7.5px); border-radius: 6px; text-align: center; margin-top: 15px; float: left;}
#campus_detail .imgs img:nth-child(2n+1) { margin-right: 15px;}
#campus_detail #dituContent { margin: 20px 0; border: 1px solid #eee!important; width: 100%!important; height: 200px!important;}
#campus_detail .recommend_campus a { border-bottom: 1px dashed #ddd; padding: 10px 0; width: 100%; display: block;}
#campus_detail .recommend_campus a img { width: 40%; height: auto!important; border-radius: 6px;}
#campus_detail .recommend_campus .right { width: 55%; line-height: 1.4;}
#campus_detail .recommend_campus h3 { font-weight: bold; font-size: 1rem; color: #333;}
#campus_detail .recommend_campus p { color: #999; font-size: .95rem; line-height: 1.4; margin-top: 5px;}
/*师资详情页*/
.detail.teacher img { width: 40%; border-radius: 6px;}
.detail.teacher .right { width: 56%; margin-top: .8em;}
/*.detail.teacher .c_detail div { line-height: 2; margin-bottom: .8em;}*/
/*新闻详情页*/
.source { color: #999; margin: .5em 0; border-bottom: 1px dashed #ddd; padding-bottom: .5em;}
.source span { margin-right: 1em;}
.essay { line-height: 2;color: #666; text-align: justify; padding-top:5px}
.essay img { width: 100%; display: block; margin: .5em auto .8em;}
.essay table { text-align: center; text-indent: 0!important; margin: .8em 0 1em;}
.essay table>tbody>tr>td>a { color: #03896C;}
.essay table>tbody>tr>td { padding: .6em .2em; line-height: 1.4;}
.essay .Copywriting { text-indent: 0!important; border-top: 1px dashed #ddd; padding-top: .5em; margin-top: 1em; color: #000;}
.essay .Copywriting a { color: #03896C;}
/*推荐课程*/
.recommend { margin-top: 2em;}
.recommend>div:nth-child(1) { border-bottom: 1px solid #ddd; height: 1.6em; font-weight: bold; font-size: 1.2em;}
.recommend>div:nth-child(1):before { content: " "; display: block; width: 6px; height: 1em; background: #03896C; float: left; margin: .25em .3em 0 0; border-radius: 10px;}
.recommend.course a { width: calc(48% - 2px); border: 1px solid #eee; border-radius: 6px; overflow: hidden; margin-top: .8em; text-align: center; display: block; float: left;}
.recommend.course a:nth-child(2n+2) { margin-left: 4%;}
.recommend.course img { width: 100%;}
.recommend.course h2 { line-height: 2.4!important;}
/*大家还在看*/
.recommend.news>a { border-bottom: 1px dashed #eee; padding: .8em 0; display: block;}
.recommend.news img { width: 40%; float: left; border-radius: 6px;}
.recommend.news div.right { width: 57%;}
.recommend.news div h2 { height: 4em; margin-top: .3em;}
.recommend.news.campus h2 { height: auto; margin-bottom: .5em;}
.recommend.news.campus p:nth-child(2) { background: url(../images/bg.png) no-repeat 0 -191px; padding-left: 20px; margin-bottom: .3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recommend.news.teacher div h2 { height: auto; font-size: 1.1em; margin-top: .5em;}
.recommend.news div p { color: #999; font-size: .95em;}
.recommend.news div span { color: #03896C; float: right; }
.recommend.news div span:after { content: " "; display: block; width: 1.3em; height: 1.4em; background: url(../images/icon_m_ju.png) no-repeat -15px 4px; background-size: 120px; float: right;}
/*内页样式结束*/

/*预约表单*/
#table { width: 94%; padding: 1em 3%; margin-top: 1.5em; background: #ffde00 url(../images/table_head.jpg) no-repeat top; background-size: 100%;}
#table div { font-size: 1.1em; margin-bottom: .3em;}
#table input { display: block; width: 95%; margin: 0 auto .6em; padding-left: 5%; font-size: 1em; line-height: 2.6em; background: #fff; border: none; border-radius: 4px; color: #666; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,sans-serif,Simsun;}
#table input:nth-child(4) { width: 72%; margin: 0 0 .6em; float: left;}
#table img { display: block; margin: .5em 0 0 0; border-radius:4px; margin-bottom:10px}
#table #tj { width: 100%; line-height: 2.6em; background: #03896C; color: #fff; border-radius: 4px; text-align: center; display: inline-block; border: 0;}

/*底部版权*/
#footer { background: #eaeaea; font-size: .85em; width: 94%; padding: 1em 3% 1.2em; text-align: center; line-height: 1.8; margin-bottom: 5.2em;}
#footer>a { display: block; background: #fff; border-radius: 4px; float: left; width: 30%; font-size: 1.125em; line-height: 2.4; margin-bottom: .6em;}
#footer>a:nth-child(2) { margin: 0 5% .6em;}
#footer>a:nth-last-child(1) { background: none; display: contents; color: #FC3022;}
#footer span { background: none; color: #03896C;}

/*底部悬浮*/
#bottom { position: fixed; bottom: 0; background: #fff; box-shadow: 0 -2px 10px rgba(0,0,0,.1); z-index: 999; padding: .45em 3%; width: 94%; display: flex; gap: .45em; box-sizing: content-box;}
#bottom .bottom-action { position: relative; flex: 1; min-height: 3.25em; border-radius: .35em; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; font-size: .92em; text-align: center; box-sizing: border-box;}
#bottom .bottom-icon { display: block; font-size: 1.25em; line-height: 1; margin-bottom: .18em;}
#bottom .bottom-booking { color: #2376d8; border: 1px solid #2376d8; background: #fff;}
#bottom .bottom-online { flex: 1.15; color: #fff; background: #2376d8;}
#bottom .bottom-phone { color: #fff; background: #f04a3a;}
#bottom .bottom-badge { position: absolute; top: -.45em; right: .45em; width: 1.25em; height: 1.25em; border-radius: 50%; background: #f04a3a; color: #fff; font-size: .82em; line-height: 1.25em; text-align: center;}

/*文章小标题*/
h3.nt1,h3.nt2,h3.nt3,h3.nt4 { font-size: 16px; line-height: 30px; margin: 0 0 5px 0; text-align: left; text-indent: 0; font-weight: bold;}
h3.nt1>span,h3.nt2>span,h3.nt3>span,h3.nt4>span { text-indent: 0; margin-right: 10px; display: inline-block; font-size: 14px;}
h3.nt1,h3.nt2 { color: #d52e26;}
h3.nt1 span,h3.nt2 span { background: #d52e26; color: #fff; width: 24px; line-height: 24px; text-align: center;}
h3.nt2 span { border-radius: 50px; border-top-left-radius: 0; padding: 0 5px;}
h3.nt3 { color: #4770EA;}
h3.nt3 span { text-align: center; border: 1px solid #4770EA; width: 30px; background: #fff url(../images/backh3-no3.jpg) no-repeat center; background-size: 86%;}
h3.nt4 { color: #2f7eed;}
h3.nt4 span { color: #fff; background: #2f7eed; width: 30px; text-align: center; border-radius: 30px;}
h3.nt4 span:after { content: " "; display:block;width:12px; height:12px; background: #fff; border-radius:2px;transform:rotate(45deg); float:right; margin: 9px -8px 0 -20px;}

.detail.news.content .essay h2 { font-size: 16px; font-weight: bold; margin-top: 15px; line-height: 30px; color: #03896C;}
.detail.news.content .essay h2 span { margin-right: 10px; text-align: center; color: #fff; line-height: 26px; width: 26px; background: #03896C;}

.shuoming { font-size: .95rem; padding: 10px 15px; color: #BA9A74; background: #FAF5E9; margin: 10px 0; text-indent: 0; line-height: 1.4;}
h3.nt4 span:after { content: " "; display:block;width:12px; height:12px; background: #fff; border-radius:2px;transform:rotate(45deg); float:right; margin: 9px -8px 0 -20px;}

/*新闻小标题样式*/
.news_para h2 { font-size: 16px; font-weight: bold; margin-top: 15px; line-height: 30px; color: #4770EA; text-indent: 0!important;}
.news_para h2 span { display: inline-block; margin-right: 10px; text-align: center; border: 1px solid #4770EA; width: 30px; background: #fff url(../images/backh3-no3.jpg) no-repeat center; background-size: 86%;}
#main1 .news_xq{ border-radius:0; border:none; padding:0; text-align:justify;}

/*课程样式*/
.c_detail { border-bottom: 1px dashed #ddd; color: #555; padding-bottom: 15px; line-height: 1.8;}
.c_detail img { display: block; width: 100%; height: auto; margin: 20px auto; border-radius: 10px;}
.c_detail h3 { font-size: 20px; text-align: center; margin: 45px auto 15px; color: #000; line-height: 1;}
.c_detail h3 span { border-bottom: 1px solid #03896C; padding: 0 5px 8px; display: inline-block;}
.c_detail h3 span:before { content: " "; display: block; width: 12px; height: 20px; background-color: #03896C; transform: skew(-20deg); float: left; margin-right: 15px; box-shadow: -4px -4px 0 rgba(3,137,108,.3);}
.c_detail .p1, .c_detail .p5 { text-indent: 2rem; margin-top: 5px; line-height: 2;}
.c_detail .p2 { background-color: rgba(3,137,108,.03); padding: 0 15px 15px;}
.c_detail .p2:nth-child(6) { padding-top: 15px;}
.c_detail .p2 span { display: inline-block; background: #03896C; padding: 2px 15px 2px 10px; color: #fff; font-weight: bold; border-top-right-radius: 30px; border-bottom-right-radius: 30px; margin-bottom: 5px;}
.c_detail .p2 span:before { content: "· ";}
.c_detail .p4 { margin-bottom: 20px;}
.c_detail .p4:nth-child(15) { margin-bottom: 0;}
.c_detail .p4 span { display: block; line-height: 20px;}
.c_detail .p4 span:nth-child(1) { float: left; background-color: #03896C; color: #fff; font-size: 16px; font-weight: bold; padding: 10px 20px; border-radius: 6px; border-bottom-right-radius: 0; margin-top: 10px; width: 100px; text-align: center; position: relative;}
.c_detail .p4 span:nth-child(2) { display: block; background-color: #fff; box-shadow: 0 0 8px rgba(3,137,108,.25); border-radius: 6px; float: right; width: calc(100% - 180px); padding: 20px 20px 20px 50px; margin-left: -80px}
.c_detail .p5 { border-radius: 6px; border: 1px solid rgba(3,137,108,.3); padding: 15px 20px; box-shadow:  -4px -4px 0 rgba(3,137,108,.3) inset;}
.c_detail .p5:before { content: " "; display: block; width: 80%; height: 3px; background-color: #d52e26;  float: left; margin: -17px 10% 0px;}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;}
.ab_img p span{text-wrap: inherit !important;}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}