body{ font-size: 1.5rem; }
.topbar {
    width: 100%;
    background-color: #8c5926;
}
@media (min-width: 1200px){
.container {
    width: 1170px!important;
    margin: 0 auto;
}
}
.color_white{ color: #fff; }
a{ color: #c78848 }
a:hover{ color: #936434; }
.topbar .container .topbar-lr{ line-height: 40px; }

.header {
    padding: 6px 0;
}
.header-box{ 
	background: #fff;    
    box-shadow: 0 1px 3px #e9e9e9;
}
.nav-contain {
    width: 100%;
    border-top: 1px solid #e9e9e9;
    box-shadow: 0 1px 3px #e9e9e9;
}
.nav-inner {
    max-width: 1140px;
    margin: 0 auto;
}
.nav-inner .am-nav li {
    padding: 25px 10px;
    list-style: none;
    position: relative;
}
.nav-inner .am-nav li a {
    color: #333;
    padding: 0;
}
.nav-inner .am-nav li a:hover{
	background: transparent;
	color: #8c5926;
}
.nav-inner .am-nav li .sub-menu {
    display: none;
    padding-left: 0;
    position: absolute;
    box-shadow: 0 0 7px rgba(0,0,0,.15);
    top: 100%;
    left: 6px;
    z-index: 1000!important;
    background: #fff;
    border-radius: 0 0 3px 3px;
    margin: 0;
}
.nav-inner .am-nav li .sub-menu .menu-item {
    min-width: 160px;
    border-top: 1px solid #eaeaea;
    position: relative;
    padding: 15px 10px;
}
.nav-inner .am-nav li .sub-menu .menu-item a {
    display: block;
    padding: 0 20px;
}

.nav-inner .am-nav li:hover .sub-menu{
	display: block;
}

.index-page [data-am-widget=tabs] {
    margin: 0;
}

.index-page div[class^=am-tab-pane] {
    padding: 0;
}
.index-page .index-banner {
    width: 100%;
    height: 498px;
}
.index-page .index-banner.banner1{
    background: url(../images/banner1.jpg);
    background-size: cover;
} 
.index-page .index-banner.banner2{
    background: url(../images/banner2.jpg);
    background-size: cover;
} 
.index-page .index-banner.banner3{
    background: url(../images/banner3.jpg);
    background-size: cover;
} 
.index-page .index-banner.banner4{
    background: url(../images/banner4.jpg);
    background-size: cover;
} 

.index-page .index-banner .index-mask {
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    padding: 140px 0 0;
}
.index-page .index-banner .slide_simple--title {
    font-size: 46px;
    color: #fff;
    font-weight: 400;
}
.index-page .index-banner .slide_simple--text {
    font-size: 18px;
    line-height: 36px;
    opacity: .6;
    margin: 28px 0 0;
}
.index-page .index-banner .slide_simple--buttons {
    margin-top: 20px;
}
.index-page .index-banner .slide_simple--buttons button {
    font-size: 1.6rem;
    letter-spacing: 2px;
    padding: 9px 25px;
    border-radius: 17px;
}

.index-tab {
    width: 1170px!important;
    margin: 0 auto!important;
}

.index-tab .am-active {
    border-bottom: 4px solid #af7336;
}
.index-tab, .index-tab .am-active a {
    background-color: #fff!important;
}
@media (max-width: 641px){
.am-tabs-nav{
	display: none !important;
} 
}
.am-tabs-default .am-tabs-nav a {
    color: #222222;
    line-height: 42px;
}
.index-tab a {
    position: relative;
    margin: 10px 0 10px 10px;
    border-right: 1px solid #e9e9e9;
}
.index-tab a strong {
    font-size: 1.6rem;
    display: inline-block;
    color: #262626;
    margin-top: 7px;
}
.index-tab a p {
    color: #969696;
    font-size: 1.4rem;
    margin-bottom: 0;
    margin-top: -10px;
}
.index-tab a i {
    margin-top: 20px;
    color: #af7336;
    font-size: 3.8rem;
}
.m-header{ padding: 5px 0; }
.m-header .m-logo{ margin: 0 auto; }
.section {
    padding: 40px 0;
}
.section .section--header .section--title {
    font-size: 5rem;
    font-weight: 300;
    text-align: center;
}
.section .section--header .section--description {
    font-size: 20px;
    line-height: 30px;
    color: #888;
    text-align: center;
    margin: 13px 0 0;
}
.menu-bars{ margin-left: 10px; }
.am-icon-bars{ font-size: 30px; color: #af7336; position: relative; top: 2px; }
.index-container {
    margin-top: 50px;
}
.index-container .features_item--title {
    font-size: 16px;
    color: #262626;
    margin: 20px 0 -10px;
}
.index-container .features_item--text {
    font-size: 15px;
    line-height: 23px;
    color: #969696;
}
.index-container .index-more {
    text-align: center;
    padding: 50px 0 0;
}
.index-container .index-more .am-btn-secondary {
    padding: 10px 26px;
    border-radius: 23px;
    background-color: #c78848;
    border-color: #af7336;
    outline: none;
}




.service_item {
    margin-top: 30px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 30px 15px;
    position: relative;
}
.service_item .service_item--icon {
    font-size: 58px;
    display: block;
    color: #c78848;
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translate(-50%,0);
}
.service_item .service_item--title {
    font-size: 20px;
    text-align: center;
    color: #262626;
}
.service_item .service_item--text {
    font-size: 16px;
    text-align: center;
    color: #969696;
    line-height: 23px;
}
.service_item .service_item--footer {
    padding-top: 14px;
    text-align: center;
}

.service_item .course-aimg{ width: 80px; height: 80px; border-radius: 40px; overflow: hidden; margin: 0 auto; }
.service_item .course-aimg img{ width: 80px; min-height: 80px; }

.service_item .teacher-aimg{ width: 220px; height: auto; border-radius: 5px; overflow: hidden; margin: 0 auto; }
.service_item .teacher-aimg img{ width: 220px; min-height: 80px; }



.layout-footer{
	margin-top: 40px;
}
.layout-footer .footer {
    width: 100%;
    background: url(../images/footer.jpg);
    background-size: cover;
    position: relative;
}
.layout-footer .footer .footer--bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .95;
    top: 0;
    left: 0;
}
.layout-footer .footer .footer--inner {
    position: relative;
    z-index: 1;
}
.layout-footer .footer .footer--inner .footer_main {
    position: relative;
}
.layout-footer .footer .am-u-md-3 {
    padding-left: 25px;
}
.layout-footer .footer .footer_main--column {
    margin: 50px 0 0;
}
.layout-footer .footer .footer_main--column_title {
    color: #fff;
    font-size: 17px;
    line-height: 29px;
    font-weight: 700;
    display: block;
}
.layout-footer .footer .footer_about {
    position: relative;
    padding: 17px 25px 0 0;
}
.layout-footer .footer .footer_about--text {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    padding: 0 0 16px;
}
.layout-footer .footer .footer_navigation {
    padding: 6px 15px 0 0;
}

.layout-footer .footer .footer_navigation--item {
    display: block;
    position: relative;
    padding: 12px 25px 12px 0;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.layout-footer .footer .footer_navigation--link {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
}
.layout-footer .footer .footer_navigation--item::before {
    position: absolute;
    content: "\f054";
    display: block;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
    margin-top: 3px;
    color: #fff;
    font-size: 12px;
    font-family: fontawesome;
}
.layout-footer .footer .footer_contact_info {
    padding: 5px 0 0;
}
.layout-footer .footer .footer_contact_info--item {
    padding: 10px 0;
    position: relative;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
    list-style: none;
}
.layout-footer .footer .footer_contact_info--item i {
    display: block;
    position: absolute;
    left: -2px;
    top: 12px;
}
.layout-footer .footer .footer_contact_info--item span {
    display: inline-block;
    vertical-align: text-top;
    padding: 0 0 0 28px;
}


.layout-footer .footer .footer_contact_info--item:hover .wxewm{ display: block; }
.layout-footer .footer .footer_contact_info--item .wxewm{
	position: absolute; background: #fff; padding: 10px;
	top: -240px; left: 20px;
	border-radius: 5px; 
    box-shadow: 0 0px 5px #c78848;
    display: none;
}
.layout-footer .footer .footer_contact_info--item .wxewm img{
	width: 180px;
}
.layout-footer .footer .footer_contact_info--item .wxewm p{
	height: 20px; line-height: 20px; color: #333; 
	text-align: center; margin: 0;
}

.layout-footer .footer .footer_contact_info--item .wxewm .trian{
	width: 0; height: 0; border: 8px solid transparent; border-top: 8px solid #fff;
	position: absolute; bottom: -15px;
}
.Copyright{ color: #fff; margin-bottom: 20px; }

.promo_detailed{ padding: 50px 0; }

li{ list-style: none; }

.zylist{  }
.zylist h2{ width: 200px; height: 40px; line-height: 40px;  border-radius: 20px;
	background: #ad6c2a; text-align: center; color: #fff;
	margin: 0 auto;
	 }

ul.zylists{ position: relative; width: 200px; margin: 20px auto; }
ul.zylists:before{ content: ''; position: absolute; height: 100%; border: 1px solid #ad6c2a; }
ul.zylists li{ padding-left: 30px; height: 40px; line-height: 40px; color: #ad6c2a; position: relative; font-size: 1.8rem; }
ul.zylists li:before{ content: ''; position: absolute; width: 16px; height: 16px; border-radius: 8px; background: #ad6c2a; left: -7px; top: 13px; }

.index-container .jt:before{ content: ''; display: block; position: absolute; top: 20px; right: -40px; width: 98px; height: 60px; background: url(../images/jt.png) right 0 no-repeat;  }
@media (max-width: 641px){
	.index-container .jt:before{ display: none; }
}

.color_333{ color: #333 }
.color_brown{ color: #8c5928 }
.color_e55{ color: #e55 }

.newslist{  }
.newslist li{ height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li.li-img{ height: auto; }
.newslist li a{ color: #666; }
.newslist li a .img{ width: 100%; height: 160px; overflow: hidden; }
.newslist li a .img img{ width: 100%; min-height: 160px; }
.newslist li.li-img p{  padding: 0; margin: 0; margin-bottom: 10px; padding-bottom: 10px; height: 46px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newslist li .new{ border: 1px solid #ffbb3b; color: #ffbb3b; margin-right: 10px; padding: 0 3px; }
.newslist li .hot{ border: 1px solid #f55; color: #f55; margin-right: 10px; padding: 0 3px; }
.newslist li .tuijian{ border: 1px solid #55c7ff; color: #55c7ff; margin-right: 10px; padding: 0 3px; }

.kclist{ padding: 15px 0; margin-bottom: 15px; border-bottom: 1px dashed #e5e5e5; position: relative; }
.kclist h2{ padding-top: 10px; }
.kclist h3{ margin: 0; }
.kclist p{ margin: 0; padding-top: 12px; }

.kclist .tss{ color: #999; }
.kclist .tss span{ padding-right: 30px; }

.inter_kc{ position: absolute; right: 10px; top: 10px; background: #000; padding: 10px 15px; font-size: 1.6rem; }

.navleft{ padding: 0; }
.navleft li{ background: #ddd; text-align: center; margin: 15px 0; }
.navleft li.act{ background: #000; }
.navleft li a{ font-size: 1.6rem; height: 36px; line-height: 36px; padding: 0 5px; }

.msgDetail{  }
.msgDetail .timesource{ color: #888; }
.msgDetail .timesource span{ padding: 0 10px; }
.msgDetail .msgDetailContent{ margin-top: 20px; padding-top: 20px; border-top: 1px dashed #e5e5e5; }
.msgDetail .msgDetailContent{ font-size: 1.6rem; color: #666; }
.msgDetail .msgDetailContent p{ font-size: 1.6rem; color: #666; text-indent: 2em; }
.msgDetail .msgDetailContent img{ max-width: 100%; }

.kc_detail{ margin-top: 30px; }
.kc_detail h2{ height: 20px; line-height: 20px; padding-left: 15px; border-left: 5px solid #c78848; }

.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus{

    background-color: #c78848;
    border-color: #c78848;
}

.jiangshi{ text-align: center; }
.jiangshi .img_a{ width: 200px; }

.jiangshi h1 {
    font-size: 2.6rem;
    color: #8c5926;
    margin: 0.5rem 0;
}
.jiangshi h2 {
    font-size: 1.8rem;
    color: #666;
}
.jianjie {
    padding: 2rem 1rem;
    font-size: 1.6rem;
    color: #999;
    line-height: 2em;
}
.jianjie p{ margin: 0; margin-bottom: 20px; }
.jianjie .zhong_b {
    color: #8c5926;
}
.csDetail{ color: #555; font-size: 1.6rem; line-height: 28px; }
.csDetail h2{ padding-left: 10px; border-left: 5px solid #c78848; font-size: 2rem; height: 24px; line-height: 24px; }
.csDetail p{ line-height: 28px; text-indent: 2em; font-size: 1.6rem; }

h3.item-title{ font-size: 1.8rem; margin: 10px 0; color: #555; }
p.item-text{ text-indent: 0; color: #666; }

.tubiao{ color:#fff;}
.am-navbar-nav a [class*=am-icon]:before{ font-size:20px; padding-bottom:3px;}
.tubiao:hover , li.act .tubiao{ color:#fbf4b7;}
.am-slider-a1 .am-control-nav li a.am-active{ background-color:#8c5926;}


.fl{ float: left; }
.fr{ float: right; }
.clearfix:after{ 
clear:both; 
display:block; 
visibility: hidden; 
height:0; 
line-height:0; 
content:""; 
font-size:0;
}

.toPJ{ display: block; height: 24px; line-height: 24px; background: #c58646; color: #fff; font-size: 1.4rem; margin-left: 10px; padding: 0 6px; }

.dialoglist{ margin-top: 20px; border-top: 1px solid #eee; }
.dialoglist ul{ padding: 0 10px; }
.dialoglist ul li{ padding: 30px 0; border-bottom: 1px solid #eee; }
.dialoglist ul li .avatar{ width: 40px; margin-right: 10px; height: 40px; border-radius: 20px; overflow: hidden; }
.dialoglist ul li .avatar img{ width: 100%; height: 100%; }
.dialoglist ul li .vxname{ line-height: 40px; font-size: 1.6rem; color: #333; }
.dialoglist ul li .time{ line-height: 40px; font-size: 1.4rem; color: #888; }
.dialoglist ul li .score{ padding: 10px 0; }
.dialoglist ul li .score .score_pj{ height: 50px; line-height: 50px; font-size: 1.6rem; color: #ffb400; padding-right: 20px; }
.dialoglist ul li .score .score_fen{ height: 50px; overflow: hidden; }
.dialoglist ul li .score .score_fen .score_img{ width: 28px; height: 28px; margin-top: 10px; margin-right: 5px; overflow: hidden; }
.dialoglist ul li .pjcontent{ font-size: 1.6rem; color: #555; line-height: 24px; }
.dialoglist ul li .booklist{ font-size: 1.3rem; line-height: 20px; }    
.dialoglist ul li .booklist .booklist_img{ height: 20px; padding-right: 5px; }
.dialoglist ul li .booklist .listname{ color: #888; }
.dialoglist .more{ display: block; text-align: center; font-size: 1.6rem; }

.toPJ_1{ display: inline-block; margin-bottom: 20px; font-size: 1.4rem; font-style: italic; }