@charset "utf-8";
/* -----------------------------------------------------------
【初始化】
 ----------------------------------------------------------*/
.topbar{ height:50px;box-shadow: 0px 1px 1px #d6d6d6; background:#fff; min-width:1024px;}
.top_inner{ width:1024px; margin:0 auto; height:48px;}
.top_inner .l_r_logo{ float:left; margin-left:20px;}
.top_inner .l_r_logo img{ margin-top:10px;}
.top_inner .l_r_contact{ float:right; height:48px; line-height:50px; margin-right:20px;}
.top_inner .l_r_contact a{ display:inline-block; border:1px solid #ddd; border-radius:3px; height:26px; line-height:26px; padding:0 10px 0 27px; margin-left:20px; background:url(../img/qqico_r01.png) no-repeat 5px;}
.top_inner .l_r_contact a:hover{ border:1px solid #e95772; color:#e95772;}
.top_inner .l_r_contact span b{ font-size:18px;}
.top_inner .l_r_contact strong{ font-size:24px; color:#333; font-family:Arial, Helvetica, sans-serif;}

.warp_bar{ width:100%; background:#fff; min-width:1024px; overflow:hidden; position:relative; z-index:99;}
.mbanner { background:url(../img/banner01.jpg) center top no-repeat #221e1d;}
.mbanner .innerbox{height:470px;position:relative;width:1024px; margin:0 auto; position:relative;}
.mbanner .innerbox a{ width:265px; height:55px; display:block;}
.mbanner .innerbox a em{ display:none;}
.mbanner .innerbox .dw1{ position:absolute; left:26px; top:280px;}
.mbanner .innerbox .dw2{ position:absolute; left:26px; top:412px;}

.main-warp{ width:100%; min-width:1024px; font-size:14px;}
.main-inner{ width:1024px; margin:0 auto;}
.main-lcon{ width:830px;}


/*指示箭头*/
.arrline-md{ position:relative; border-bottom:1px solid #ddd; margin:50px 0;}
.arr-dicon{ position:absolute; left:50%; margin-left:-30px; top:-32px;}
.arr-dicon-bm{ position:absolute; left:50%; margin-left:-30px; bottom:-15px;}

/*公共标题*/
.title-bd { text-align:center; font-size:14px; margin:30px 0;}
.title-bd h1{ font-size:36px; color:#444; margin-bottom:10px;}
.title-bd h1 strong{font-size:36px; color:#fb4a4a;}
.t-white{ color:#fff;}
.t-white h1{ color:#fff;}

/*认识*/
.mcon1-md{background:url(../img/ctable-bg.gif) no-repeat right 0; position:relative; margin-bottom:60px;}
.mcon1-md-left{ width:480px; float:left;}
.mcon1-md-left h2{ font-size:30px; color:#333; font-weight:normal; position:relative; margin-bottom:25px; padding-bottom:5px; margin-top:10px;}
.mcon1-md-left h2 i{ width:60px; height:4px; display:block; position:absolute; bottom:0px; background:#ff4040;}
.mcon1-md-left .t-tag { margin-bottom:25px;}
.mcon1-md-left .t-tag span{ display: inline-block; border-radius:3px; background:#ff4040; color:#fff; height:26px; line-height:26px; padding:0 10px; margin-right:4px; font-size:16px;}
.mcon1-md-left .tedian li{ float:left; margin-right:30px;}
.mcon1-md-left .tedian img{ float:left;}
.mcon1-md-left .tedian span{ float:left; margin-left:10px;}
.mcon1-md-left .tedian p{ font-size:30px; color:#333;}
.mcon1-md-left .youshi{ margin:30px 0;}
.mcon1-md-left .youshi li{ line-height:30px; color:#333; font-size:16px;}
.mcon1-md-left .youshi span{ font-size:18px; color:#ff7f00;}
.mcon1-md-right{ float:right; width:470px; height:415px; padding:5px; }
.mcon1-md-right h3{ text-align:center; font-size:18px; color:#fff; font-weight:normal; height:55px; padding:15px 0;}
.mcon1-md-right h3 strong{ font-weight: bold; color:#ffe400; font-size:30px;}
.mcon1-md-right .lan-tab li{ float:left; width:20%;}
.mcon1-md-right .lan-tab li a{ border-right:1px solid #555; text-align:center; display:block; background:#333; color:#fff; height:40px; line-height:40px;}
.mcon1-md-right .lan-tab  li.active a { border-top:3px solid #ffe400;color: #333;cursor: default;background-color: #fff;border-left: 1px solid #ddd;border-right: 1px solid #ddd; margin-top:-3px; border-bottom:none;}
.mcon1-md-right .tab-content{ background:#fff; padding:15px; height:260px;}

.cl-table { height:290px; overflow:hidden;}
.cl-table li{ float:left; display:block; width:430px; padding:8px 10px; border-bottom:1px solid #eee;}
.cl-table li:hover{ background:#fff5eb;}
.cl-table .kc-title{ float:left;}
.cl-table .kc-title a{ color:#333;}
.cl-table .kc-title a:hover{ text-decoration:underline;}
.cl-table .kc-title p{ font-size:12px; color:#999;}
.cl-table .f-listen-btn{ float:right; display:block; border-radius:3px; background:#ff8400; color:#fff; height:30px; line-height:30px; padding:0 12px;}
.cl-table .f-listen-btn:hover{ background:#f78c23;}

.tab-content .tabcn { display:none;}
.tab-content .active{ display:block;}
.tablecon tbody td.t-left{ text-align:left;}

/*课程大纲*/
.class-plan h2{ font-size:24px; color:#333; margin-bottom:20px;}
.tab-c3 { margin-bottom:20px;}
.tab-c3 ul{display: table; width:100%;}
.tab-c3 li{ float:left; width:20%; text-align:center; font-size:18px;margin-left:-1px;}
.tab-c3 li a{ padding:15px 0; display:block;border: 1px solid #ddd; margin-left:-1px; color:#333; background:#fff;}
.tab-c3 li a img{ vertical-align: top; margin-right:10px;}
.tab-c3 li.active a{ border-top:4px solid #f54444;color: #555;cursor: default;background-color: #fff; margin-top:-1px; border-bottom:none; border-bottom:none;}

/*市场分析*/
.market-bd dl{ float:left; width:100%; margin:15px 0; padding-bottom:15px; border-bottom:1px solid #ddd;}
.market-bd dt{ float:left;}
.market-bd dt img{ float:left;}
.market-bd dt span{ float:left; width:470px; margin-left:45px; font-size:13px; line-height:22px;}
.market-bd dt span h3{ font-size:22px; color:#333; margin:10px 0;}
.market-bd dt span  p{ font-size:18px; color:#f53c3c;margin-bottom:10px;}
.market-bd dd{ float: right;}
.market-bd dd a{ display:block; background:#f53c3c; font-size:16px; color:#fff; border-radius:4px; height:42px; line-height:42px; padding:0 20px; text-align:center; margin:15px 0;}
.market-bd dd a:hover{ background:#ff9000;}
.market-bd dd p{ color:#f79100; padding-left:10px;}

/*服务*/
.fuwu-tab { margin-bottom:20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.fuwu-tab ul{display: table; width:660px; margin:0 auto;}
.fuwu-tab li{ float:left; width:220px; text-align:center; font-size:18px; position: relative;}
.fuwu-tab li a{ line-height:46px; height:46px; display:block;border-left: 1px solid #ddd;border-right: 1px solid #ddd; margin-left:-1px; color:#333; background:#fff;}
.fuwu-tab li.active a{color: #fff;cursor: default;background-color: #f54444; border-bottom:none; border-bottom:none;}
.l-tips-arr{position: absolute; z-index: 1; margin-left: -14px; left: 50%;  bottom: -12px;font:22px Simsun; color: #f53c3c; overflow: hidden;display:none;}
.fuwu-tab li.active .l-tips-arr{ display:block;}

/*注册*/
.reg-mwrap{background: url(../img/black-bg.jpg) no-repeat center top;}
.reg-mbd{  height:355px; position: relative;}
.reg-mbd select,.reg-mbd input,.reg-mbd button{font-family:"微软雅黑","宋体",Helvetica,"黑体",Arial,Tahoma; font-size:16px;}
.reg-mbd form{ width:360px; position:absolute; left:110px; top:40px;}
.reg-mbd select{ width:360px; padding-left:10px; border-radius:3px; border:none; height:42px; line-height:42px; margin-bottom:12px;}
.reg-mbd input{ width:350px; padding-left:10px; border-radius:3px; border:none; height:42px; line-height:42px; margin-bottom:12px;}
.reg-mbd button{ border:none; width:360px; text-align:center;  height:50px; line-height:50px; background:#ff9600; cursor:pointer; color:#fff; font-size:24px; border-radius:5px;} 

/*3步听课*/
.lc-wrap{ background:#ff9b25; padding:30px 0; position: relative;}
.lc-bd{ background: url(../img/lc-img.gif) no-repeat center 0; height:200px; text-align:center;}
.lc-bd a{ height:40px; line-height:40px; display:inline-block; background:#ff4040; color:#fff; font-size:22px; padding:0 25px; border-radius:3px; margin-top:100px;}

/*公司介绍*/
.preson-wrap{ background:#f53c3c; padding:20px 0;}
.preson-bd{ background:#fff; width:1024px; margin:0 auto;}
.pre-right{ float:right;}
.pre-left { float:left; width:500px; padding:40px; line-height:22px;}
.pre-left .ola-text{ text-indent:36px;}
.pre-left .ola-text strong{ font-size:18px; color:#333; font-weight:normal;}
.pre-left .contact-bd { margin-top:30px;}
.pre-left .contact-bd li{ float:left; margin-bottom:10px;}
.pre-left .contact-bd span{ float:left; font-size:14px;} 
.pre-left .contact-bd .tel{ float:left;}
.pre-left .contact-bd .tel p{ color:#666; font-size:24px; color:#f53c3c; font-weight:bold;}
.pre-left .contact-bd .online_zx{display:inline-block;height:32px; line-height:32px; color:#fff; text-align:center; background: url(/img/copyright_ico.png) no-repeat 10px -38px #fd5468; border-radius:3px; padding:0 20px 0 35px;}
.pre-left .contact-bd .online_zx:hover{background: url(/img/copyright_ico.png) no-repeat 10px -38px #f34b5f;}
.pre-left .contact-bd  li i{ display:inline-block; vertical-align:middle; width:17px; height:17px; background: url(http://de-olacio.qiniudn.com/w/img/es/index/top-footer-img.png) no-repeat; margin-right:10px;}
.pre-left .contact-bd  li i.tl-ico { background-position:-160px 0;}
.pre-left .contact-bd  li i.mp-ico{background-position:-177px 0;}