﻿.wrapper{width: 100%;}
.item {width: 1180px;height: auto;margin: 0 auto;}
.item p{}
h2{font-size: 40px;line-height:50px;font-weight: 300;text-align: center;padding: 5px 0 5px 0;color: #333;}
h3{font-size: 18px;line-height: 24px;font-weight: normal; width: 80%;text-align: center;margin: 0 auto;}
h4{font-size: 40px;line-height: 48px;width: 100%;text-align: center;margin: 0 auto;font-weight: 300;}
.btn-zixun a{width: 200px;height: 50px;text-align: center;line-height: 50px;font-size: 22px;border-radius: 15px;display: block;margin: 0 auto;background:#823835;color:#fff;}
.btn-zixun a:hover{background:#333;color: #fff;}
.tc{text-align: center;}
.mc{margin: 0 auto;}
.mg20{margin-top: 20px;margin-bottom: 20px;}
.mgb20{margin-bottom: 20px;}
.mg40{margin-top: 40px;margin-bottom: 40px;}
.hl{font-weight: 700px;color: #823835;}
.pic-con{clear: both;}
.u2{width: 740px;height: 100px;margin-top:80px;margin-bottom:80px;-background: #22f;}
.u2 li{float: left;overflow:hidden;width: 220px;background:#823835;height: 100px;border: 0px solid #fff; position: relative;font-size: 48px;line-height: 100px;font-weight: 600;text-align: center;color: #fff;}
.u2 li:nth-child(2){margin: 0 40px;}
.u2 li h2{color: #333;}
.lable{font-size: 24px;line-height: 48px;padding-top:0px;width: 100%;text-align: center;font-weight: 300;color: #fff;}
.b201{background: url(../img/201.jpg) no-repeat;box-shadow: 2px 2px 5px #999;}
.b202{background: url(../img/202.jpg) no-repeat;box-shadow: 2px 2px 5px #999;}
.b203{background: url(../img/203.jpg) no-repeat;box-shadow: 2px 2px 5px #999;}


.u3{width: 1140px;height: 550px;-background: #22f;}
.u3 li{float: left;overflow:hidden;width: 370px;height: 550px;position: relative;background:#823835;}
.u3 li:nth-child(2){margin: 0 15px;}
.u3 li img{width: 350px;height: 450px;position: absolute;left: 10px;top: 20px;border: 1px solid #823835;}
.u3 p{font-size: 14px;text-align: center;color: #fff;}
.u3 p strong{font-size: 24px;font-weight: 600;}
/**/
.u3 .active{}
.u3 .active img{border: 1px solid #fff;}
.u3-con .xianshi{display: block;}
.u3-con{width: 1142px;height: 152px;}
.u3-con li{width: 1140px;height: 140px;display: none;border: 1px solid #888;padding-top: 10px;}

p.con{font-size: 18px;line-height: 30px;text-indent: 2em;padding: 5px 10px;}

.u4{width: 1190px;padding-bottom: 20px;}
.u4 li{width:390px;height:284px;float: left;}
.u4 li img{width: 380px;height: 274px;-box-shadow: 6px 6px 5px #888888;border: 5px solid #823835;}
.u4 li:nth-child(2){margin: 0 10px}
.z-con{width: 1190px;height:280px;}
.z-con-left{width: 550px;float:left;height:270px;padding-top: 10px;background: #eee;}
.z-con-right{width: 550px;float: right;height:270px;padding-top: 10px;background: #eee;}


.teacher-con{float:right;width: 350px;height: 275px;padding-top: 50px;padding-left: 30px;}
.teacher-con p{font-size: 18px;line-height:2;}
.teacher-name{font-size: 24px;font-weight: bold;}

/*item6*/
.kcc{width: 100%;height: 150px;-margin-bottom: 30px;}
.kcc-left{text-align: center;}
.kcc-right{text-align: center;}
.kcc-left,.kcc-right{margin:0 auto;width: 1200px;height: 50px;font-size: 24px;line-height: 50px;color: #fff;}
.ball {width: 1080px;height: 100px;background: url(../img/bg-line.png) center top no-repeat;}
.ball li{float: left;width: 180px;}
.ball li a {display: block;width: 100px;margin:0 auto;padding-top:20px;background:#823835;height: 80px;font-size: 18px;color: #fff;-line-height: 100px;text-align: center;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.ball li a:hover {background: #333;}
.kc-list dt{margin-bottom: 10px;margin-top:10px;margin-left:15px;height: 48px;border-left: 10px solid #823835;}
.kc-list dd{line-height: 24px;text-indent: 2em;}
.kc-list dt p{padding-left: 5px;}
.kc-list dt strong{font-size: 18px;line-height:24px;color:#823835}
.style1{}
/*item7*/
dl.people{float:left;width: 295px;height: 200px;}
.people dt{text-align:center;-margin: 0 auto;}
.people dd{text-align: center;}
.people dd:first-of-type{font-weight: 700;font-size:18px;line-height:36px;color: #333;}
/*课程回顾*/
.picshow{margin: 10px auto;width: 1160px;height: 650px;padding:0 0px 0px 0px;border: 10px solid #ddd;background: #ddd;}
.pic-left{float:left;width: 840px;height: 650px;margin-top: 0px;}
.pic-left img{margin-right: 10px;float: left;}
.pic-left-top{float: left;width: 840px;height: 200px;}
.pic-left-middle{float:left;width: 840px;height:250px;margin:10px 0;}
.pic-left-bottom{float: left;height: 180px;}
.pic-left-bottom img{float:left;width: 410px;height:180px;background: #333;}
.pic-right{float: left;width: 320px;height: 650px;}
.pic-right img{float:left;width: 320px;height: 210px;-margin-top: 10px;background: #333;}
.pic-right img:nth-child(2){margin: 10px 0;}
/*评价*/
.feedback{height:auto;position: relative;}
/*.feedback ul li img{width: 290px;float: left;margin: 0 5px;}*/
.pingjia{width: 1200px;float:left;background:#333；}
.pingjia li{width: 290px;float:left;margin-left:5px;margin-right:5px;text-align:center;}
#scrollbox{overflow: hidden;width: 100%;height:600px;}
#piclist{width: 1560px;height:600px;margin-left:-15px;}
#piclist img{width: 290px;float: left;margin: 0 5px;}
#goleft{position: absolute;top:300px;left: -50px;}
#goright{position: absolute;top:300px;right:-50px;}
/*底部图*/
.bg-bottom{background: #ccc url(../img/bottom.jpg) center top no-repeat;}
.bg-bottom h2{color: #fff;padding-top: 170px;font-size: 42px;}
#footer{width:100%;background:#fff;border-top:0px solid #d8d8d8;}
#infooter{width:1200px;height:30px;margin:10px auto 0;text-align:center;color:#666;font-size:12px;}
#infooter a{color:#666;}
#footer p{margin:0;padding:5px 10px}


/* 悬浮 */
.float-kf{ width: 70px; height: 450px; position:fixed;bottom:3%;z-index: 66;right:10px; text-align:center; }
.float-kf span{ width:70px; height: 70px; display: block; border: 1px solid #ccc; border-top:none; cursor: pointer; }
.float-kf span > .w-text{ padding-top:42px; color:#927055; }
.w-qq{ background:#fff url(../img/qq01_icon.png) no-repeat center 12px; position:relative; }
 .float-kf .w-qq:hover { background:#927055 url(../img/qq02_icon.png) no-repeat center 12px; width: 70px; height: 70px; border: none; }
  .float-kf .w-qq:hover .w-text{ color:#fff; }
.w-plus-qq { width: 150px; height: 70px; line-height:70px; background-color: #927055; position: absolute; left: -160px; top:0; font-size: 16px; text-align: center; color: #fff; font-weight: bold; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; margin-left: -40px; display:none; opacity: 0; }
.w-qq:hover .w-plus-qq { opacity: 1; margin-left: 0; display:block; }
.float-kf .w-top { border-top: 1px solid #ccc; background: #fff url(../img/top_icon.png) no-repeat center center; border-radius: 4px; height: 38px; }
.float-kf .w-now-bm { margin: 10px 0; border: none; margin: 14px 0; text-align: center; border-radius: 4px; background-color: #927055; }
.float-kf .w-now-bm a { display: block; padding-top: 10px; font-size: 18px; color: #fff; font-weight: bold; }
.float-kf .w-zx{ width: 70px; height: 40px; line-height:40px; border:none; background-color: #927055; position: relative; color: #fff; }
.float-kf .w-zx:after { width: 11px; height: 7px; content: ""; background: url(../img/xf_pic.png) no-repeat center bottom; position: absolute; bottom: -7px; left: 28px; z-index: 88; }
.float-kf .height34{ height: 34px; line-height: 34px; background-color:#fff; }
.anchorBtn{color: #666;}


.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*渐变色*/
.red{background:#FE5959;}
.blue{background:#093F98;}
.green{background:#add224;}
.purple{background:#2daefb;}
.yellow{background:#ffd201;}
.gray{background:#333333;}
.yh{background:#CD007E;}
.lb{background:#0074CD;}
.lg{background:#00B36F;}
.orange{background:#F04E22;}