/*±¾Ä£°åÊÇÓÉÒ¦Åô(www.yaopeng.net)ÖÆ×÷Íê³É*/
/*±¾ÈËˮƽÓÐÏÞ£¬Ê¹ÓÃ×ÔÔ¸£¬²»¶ÔÒòʹÓôËÄ£°åÔì³ÉµÄÈκκó¹û¸ºÈκÎÔðÈÎ*/


/*重置*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
ol,ul {list-style:none;}
th {text-align:left;}
a{text-decoration:none;}
a:hover{-text-decoration:underline;}
body{font:normal 14px/180% microsoft yahei,simsun,Tahoma,sans-serif;}
body > #warpper {width:100%;height:auto; min-height:100%;}
.red{color:#ef2d36;}
.w900{width: 900px;}
.w1200{width: 1200px;}
.h300{height: 300px;}
.h600{height: 600px;}
.h500{height: 500px;}
.h650{height: 650px;}
.h750{height: 750px;}
.fl{float: left;}
.bg-blue{background:#d6e9ca;}
.tc{text-align: center;}
/*框架*/
#warpper{background: url(img/bgg.jpg) center top no-repeat;} 
#header {width:100%;-background:#fff;}

#inheader {width:1200px;height:130px;margin:0 auto; }
#logo{float:left;width:500px;height:110px;margin:10px 0;background:url(img/logo.png) no-repeat;}
#banner{float:left;width:400px;height:110px;margin:10px 0;}
#banner-con{float:left;width: 20px;height:105px;font-size:18px;line-height: 24px;padding-top:5px;padding-left:5px;border-left: 1px solid #888;}
.top-list{float:left;margin-top:10px;margin-left: 10px;}
.top-list li{font-size: 18px;line-height: 30px;}
#rlink{float:right;width:300px;height:110px;margin:10px 0;}
#rlink img{float: left;margin-right: 20px;}
#rlink p{float: left;font-size: 18px;font-weight:bold;line-height: 35px;margin-top: 20px; }
/****导航****/
#menu{width:100%;height:45px;background:#2bf;}
#nav { width:1200px;height:45px;margin:0 auto;background:#2bf;}
.nav-list{width:726px;line-height: 45px;list-style-type: none;;margin:0 auto;overflow: hidden;}
#nav a {display: block; width: 120px; text-align:center;font-size:18px;-border-left: 1px solid #005e37;}
#nav a:link  { color:#fff; text-decoration:none;}
#nav a:visited  {color:#fff;text-decoration:none;}
#nav a:hover  {color:#FFF;text-decoration:none;-font-weight:bold;}
#nav li {float: left; width: 120px; background:#2bf;}
#nav li a:hover{background:#305066;}


/*上线了*/
.container{width:100%;height:auto;-margin-bottom:5px;-background:#fff;}
.item{margin:0 auto;-background:#aaa;}
.btn{width: 1200px;height: 50px;margin: 0 auto;padding-top: 340px;}
.btn a{width: 350px;height: 50px;text-align: center;line-height: 50px;font-size: 22px;border-radius: 25px;display: block;float:left;margin-left:680px;background:#2bf;color:#fff;}
.btn a:hover{background:#305066;color: #fff;}
.h5{font-size: 18px;line-height: 24px;}

.item-title{width:80%;text-align: center;margin:0 auto;padding-top:20px;padding-bottom:10px;font-size: 45px;font-weight:bold;line-height:54px;border-bottom: 1px solid #fff;}
.item p{font-size: 18px;line-height: 24px;width: 80%;margin:0 auto;margin-top:10px;}
.intro{height:400px;}
.bg-top{background: #f6f6f6 url(img/top.jpg) center top no-repeat;}
.online{height: 230px;background: url(img/bg1.jpg) center top no-repeat;}
.online-title{height:auto;font-size: 45px;line-height:54px;font-weight: bold;text-align: center;padding: 20px 0 16px 0;color: #333;}
.btn-online{width: 460px;height: 100px;line-height: 100px;margin: 40px auto 0;color: #fefcf1;background: #2bf;border-radius: 5px 5px 0 0;text-align:center;font-size: 46px;font-weight: bold;}
/*线上线下*/


.left{width:400px;height:250px;float:left;box-shadow:0 6px 13px #999; border:#dfdfdf solid 1px\9;margin-top: 25px;}
.left-title{width: 50%;height: 50px;font-size: 28px;font-weight:bold;text-align: center;line-height: 50px;margin: 0 auto;border-bottom: 1px solid #f22;}
.left dl,.right dl{width: 50%;margin: 10px auto;}
.left dt,.right dt{font-size: 24px;}
.left dd,.right dd{margin: 15px 0;font-size: 18px;}
.right dl{}

.right{width:400px;height:250px;float:right;box-shadow:0 6px 13px #999; border:#dfdfdf solid 1px\9;margin-top: 25px;}
.inside-btn{width: 900px;height: 50px;margin: 0 auto;}
.inside-btn a{width: 200px;height: 50px;text-align: center;line-height: 50px;font-size: 22px;border-radius: 25px;display: block;margin: 0 auto;background:#2bf;color:#fff;}
.inside-btn a:hover{background:#305066;color: #fff;}
.frame{width: 900px;height: 310px;-border: 1px solid #ccc;margin:0 auto;position: relative;}

/*核心教学内容*/
.CoreBoxBottom{float: left; padding:80px 0 0 69px; width:831px; height:510px; -margin-top:10px; background:url(img/CoreBoxBottom.png) no-repeat; box-shadow:0 6px 13px #999; border:#dfdfdf solid 1px\9}
.CoreBoxBottom h2{ font-size:30px; padding-bottom:15px}
.CoreBoxBottom p{ font-size:18px; line-height:36px; height:36px; background-position:-708px -70px; padding-left:20px}
.CoreBoxBottom a{ width:160px; height:44px; line-height:44px; text-align:center; border-radius:5px; font-size:18px; color:#fff !important}
.CoreBoxBottom .CoreBoxA{ width:40%; height:330px}
.CoreBoxBottom .CoreBoxA a{ background:#ef2d36; float:left; margin-top:20px}
.CoreBoxBottom .CoreBoxA h2{ color:#ef2d36}
.CoreBoxBottom .CoreBoxB{ padding-left:220px;width:30%; height:330px}
.CoreBoxBottom .CoreBoxB h2{ color:#f38b12}
.CoreBoxBottom .CoreBoxB a{ background:#f38b12; float:left; margin-top:20px}
.CoreBoxBottom .CoreBoxC{ width:100%}
.CoreBoxBottom .CoreBoxC h2{ color:#11b3a8; position:relative; z-index:1}
.CoreBoxBottom .CoreBoxC P{ width:143px; float:left; line-height:45px; height:45px; background-position:-708px -65px;}
.CoreBoxBottom .CoreBoxC a{ position:absolute; z-index:2; right:30px; top:-5px; background:#11b3a8; float:right}
.CoreBoxBottom a:hover{ background:#f40; color:#ff0 !important}

/*师资*/
.shizi{background: url(img/bg2.jpg) center top no-repeat;height: 600px;}
.teacher-info{width: 900px;height:500px;margin:0 auto;}
.teacher-info img{float: left;margin-left: 0;}
.teacher-con{float:left;width: 500px;height: 275px;padding-top: 50px;}
.teacher-name{font-size: 24px;font-weight: bold;}
/*中间*/
#teacher-content{width:900px;}
#teacher-content p{line-height:1.4}
.con_title {height:60px; line-height:60px;margin-bottom:30px;margin-top:10px;border:0px solid #2bf; -border-bottom:none;background:#bdf;}
.con_title li {float:left;width:430px;height:60px;padding:0 10px;line-height:60px;cursor:pointer;text-align:center;font-size: 30px;color: #fff;}
.con_title li.active {background:#2bf;}
.con_body {width:878px;height:380px;padding:10px; zoom:1; border:1px solid #2bf;background:#fff;}
.con_body li {line-height:28px;height:28px;}
/*info*/
.bg3{background: url(img/bg3.jpg)center top no-repeat;}
.icon1{background:#f26d26 url(img/icon1.png) left top no-repeat;width: 300px;height: 100px;}
.icon2{background:#f26d26 url(img/icon2.png) left top no-repeat;width: 300px;height: 100px;}
.icon3{background:#f26d26 url(img/icon3.png) left top no-repeat;width: 300px;height: 100px;}
.sub-title{color: #fff;text-align: center;font-size: 24px;line-height: 36px;}
#reason{margin-top: 20px;}
#reason li{float:left;width: 300px;-padding: 0 40px;margin-left: 50px;margin-right:50px;background: #fff}
#reason li h2{height: 100px;line-height: 100px;padding-left: 110px;font-size: 36px;color: #fff;}
#reason li p{height: 200px;line-height: 36px;font-size: 18px;-padding-top: 110px;}
.baoming{width: 190px;height: 48px;line-height: 48px;background: #f26d26;border-radius: 5px;font-size: 20px;color: #fff !important;display: inline-block;text-align: center;margin:0 55px 20px 55px;}
/*课程回顾*/
.picshow{margin: 10px auto;width: 1200px;height: 660px;padding:0 10px 10px 10px;border: 30px solid #305066;background: #fff;}
.pic-left{float:left;width: 840px;height: 650px;margin-top: 10px;}
.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: 360px;height: 660px;}
.pic-right img{float:left;width: 360px;height: 210px;margin-top: 10px;background: #333;}

/*评价*/
.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:-30px;}
#piclist img{width: 290px;float: left;margin: 0 5px;}
#goleft{position: absolute;top:300px;left: -50px;}
#goright{position: absolute;top:300px;right:-50px;}
/*µ×²¿*/
.bg5{background: url(img/bottom.jpg) center top no-repeat;}
#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}

/*浮动客服*/
#floatDivBoxs{width:126px;background:#fff;position:fixed;top:20%;right:0;z-index:99999999; font-family:"微软雅黑"}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#2bf;color:#fff;font-size:18px; text-align:center; position:relative;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}
#floatDivBoxs .floatDqq{ margin:0 10px;height: 420px;}
#floatDivBoxs .floatDqq a{ display:block; height:35px; line-height:35px; text-align:left; font-size:15px; background:url(img/zixun_bg.gif) no-repeat 0 7px; width:100%; cursor:pointer;text-decoration: none;color: #111;}
#floatDivBoxs .floatDqq a:hover{ color:#f00}
#floatDivBoxs .floatDqq h2{ font-size:15px; padding-bottom:5px; display:block}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25)}
.WXico{ text-align:center;width: 94px;height: 94px;}

/* 悬浮 */
.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:#2bf; }
.w-qq{ background:#fff url(img/qq01_icon.png) no-repeat center 12px; position:relative; }
 .float-kf .w-qq:hover { background:#2bf 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: #2bf; 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: #2bf; }
.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: #2bf; 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 */