@charset "gb2312";
/*
* Description: 消防工程师
* Update:      11/11/2015
* Author:      xuyongfmei
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px;background: #fff; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:1000px;margin:0 auto;}

/* banner start */
.banner{width:100%;}
.banner_01{height:165px;background:url(../images/banner_01.jpg) center top no-repeat;overflow:hidden;}
.banner_02{height:170px;background:url(../images/banner_02.jpg) center top no-repeat;overflow:hidden;}
.banner_03{height:80px;background:url(../images/banner_03.jpg) center top no-repeat;overflow:hidden;}
.banner_01 h3{width:360px;height:58px;line-height:58px;font-size:32px;color:#fff;text-align:center;margin:38px 0 0 314px;}
.banner_02 p{height:35px;line-height:34px;font-size:22px;color:#fff;text-align:center;margin-top:135px;}
.banner_03in{padding-top:35px;_padding-top:30px;}
.banner_03 p{float:right;width:185px;height:70px;text-align:center;font-size:14px;color:#fff;}

/*需预约，再听课*/
.bespoke{height:644px;background:url(../images/bg1.jpg) center top no-repeat;color:#fff;}
.bes_l,.bes_r{float:left;}
.bes_l{width:570px;padding-top:30px;}
.bes_r{width:430px;padding-top:131px;}
.til{height:75px;background:url(../images/til.png) left top no-repeat;}
.p1{font-size:20px;padding-left:10px;line-height:30px;}
.cont{width:410px;height:235px;background:url(../images/l_bg.png) no-repeat;margin:30px 0 0 15px;padding:25px 60px;}
.cont h4{font-size:24px;font-weight:bold;}
.cont p{font-size:16px;line-height:30px;}

.bes_c{font-size:20px;font-weight:bold;color:#00deff;padding-top:30px;}
.bes_ct{height:30px;margin-bottom:20px;padding-left:125px;}
.bes_c span,.bes_c input{display:inline-block;}
.bes_c span{width:100px;text-align:right;}
.bes_c input{width:146px;height:26px;line-height:26px;border:1px solid #858484;background-color:#fff;padding-left:5px;margin-right:150px;}
.bes_cbtn1{display:inline-block;font-size:14px;color:#ffa800;text-decoration:underline;}
.bes_cbtn1:hover{text-decoration:underline;color:#ffa800;}

.bes_b{padding-top:10px;}
.btn_01,.btn_02{display:inline-block;width:141px;height:29px;background:url(../images/btn.png) no-repeat;text-align:center;line-height:28px;font-size:16px;color:#fff;}
.btn_01{margin:0 110px 0  280px;}
.btn_02{margin-right:30px;}
.btn_01:hover,.btn_02:hover{color:#b80101;text-decoration:underline;}

/*表格*/
.main_con{height:236px;background:url(../images/bg2.jpg) center top no-repeat;padding-bottom:35px;}
.main_con table{
	border:1px solid #a0a0a0;
	border-bottom:0;
	border-right:0;
	font-family:"微软雅黑";
	background-color:#dcdcdc;
}
.main_con th,.main_con td{
	border-bottom:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
}
.main_con th{font-size:16px;color:#fff;}
.main_con td{font-size:14px;color:#333;}
.main_con td a{font-size:14px;display:block;height:30px;padding-left:15px;width:85px;line-height:30px;margin:0 auto;text-decoration:underline;}
.main_con td a.a1{background:url(../images/ar1.jpg) left center no-repeat;color:#009cff;}
.main_con td a.a2{background:url(../images/ar2.jpg) left center no-repeat;color:#b80101;}

/*好礼优惠券*/
.yhui{height:328px;background:url(../images/yhui_bg.jpg) center top no-repeat;}
.precon{height:308px;background-color:#fff;}
.precon h4{height:100px;line-height:100px;font-size:40px;font-weight:bold;text-align:center;color:#ff6a06;background:url(../images/yhui_til.png) left center no-repeat;}

.precon_m li{float:left;width:244px;margin:0 23px 0 56px;}
.precon a{display:block;width:244px; height:87px;padding-top:19px;color:#fff;}
.aimg{ float:left; display:block;  background:url(../images/pimg1.png) no-repeat;}
.aimg1{ background:url(../images/pimg2.png) no-repeat; }
.aimg2{background:url(../images/pimg3.png) no-repeat;}
.aimg:hover{background-image:url(../images/pimg1h.png);}
.aimg1:hover{ background-image:url(../images/pimg2h.png); }
.aimg2:hover{ background-image:url(../images/pimg3h.png);}
.precon a h5,.precon a p{width:145px;text-align:center;}
.precon a h5{height:50px;line-height:50px;font-size:40px;font-weight:bold;}
.precon a p{height:24px;line-height:24px;font-size:16px;}
.tp{font-size:18px; padding-top:20px; line-height:24px; text-align:center;color:#333;}

/*签约直通套餐*/
.course{ width:100%;height:758px;background:url(../images/tao_bg.jpg) center top no-repeat;} 

.coucon li{ position:relative; margin-right:17px; text-align:center; width:322px;color:#333;background-color:#fff; float:left;}
.coucon li img{ position:absolute; top:0; left:0; z-index:10;}
.coucon li h4{ height:70px; line-height:70px; color:#fff; text-align:center; font-size:30px; background:#5ea4fc; }
.coucon dt{ font-size:18px; font-weight:bold;  }
.coucon dd{ font-size:16px; line-height:22px;}
.cdl1{ padding-top:15px;  height:88px;}
.cdl2{ height:165px;}
.cdl2 dd{ padding:0 11px 0 21px;}
.cdl2 dd span{ display:inline-block; vertical-align:middle; width:85px;}
.cdl3{ height:209px;}
.coucon  .spa{ color:#45b7c7;}
.clicen{ padding-left:5px; height:68px;}
.cb  { float:left; width:155px; height:46px; border-right:1px dashed #c4c4c4;}
.cb p{ float:left; width:103px; font-size:16px;}
.cb p em{ font-size:40px; }
.cb  span{ display:block; width:50px; color:#46b7c7; float:left;}
.cb  span i{ font-size:12px; color:#333; text-decoration:line-through;}

.clibot{ height:65px; background:#e6e6e6; padding-top:15px; }
.clibot .ta{ display: block;width:163px; height:43px; line-height:43px; font-size:20px; text-align: center;color: #fff;background-color:#ff6744;margin: 0 auto;}
.clibot .ta:hover{ background:#ff7758;}

/*浮层套餐*/
#grayDiv{width:100%; height:100%;  background:#000; display:none; opacity: 0.7; filter:alpha(opacity=70); position:fixed; top:0; left:0; z-index: 98; }
.fu_buy { display:none;position: fixed;top: 25%;left: 50%;margin-left: -370px;width: 720px;padding: 10px 10px;background: #fff;z-index: 99999;border: 1px solid #888888;}
.fu_buy.current{ display:block;}
.fu_title {border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;}
.fu_close{position:absolute;font-family:Helvetica;font-size:30px;color:#8b8b8b;top:0;right:10px;_top:10px;}
.fu_title s { text-align:center; display:block;text-decoration: none;font: 16px "微软雅黑";color: #333;font-weight: bold;}

.edu-gongchengbu table {margin-top: 0px;}
.fu_buy_table {width: 700px;margin: 15px 0 0 10px;}
.fu_buy_table th, .fu_buy_table td {border: 1px solid #dddddd;padding: 7px 10px;}
.fu_buy_table th {font: 14px "宋体";color: #666;font-weight: bold;background: #f5f5f5;text-align: left;}
.fu_buy_table td {font: 12px "宋体";color: #000;vertical-align: middle;text-align: left;}
.fu .button-blue {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background:#ff6744;color: #fff!important;display: block;font-size: 20px;height: 39px;line-height: 39px;margin: 10px;text-align: center;text-decoration: blink;width: 126px;font-weight:bold; margin:20px auto 10px;}

/*预约步骤*/
.step_01{height:590px;background:url(../images/bg3.jpg) center top no-repeat;}
.step_til{height:110px;background:url(../images/step_til.png) no-repeat;}
.step_01 h3,.step_02 h3,.step_03 h3{height:65px;background:url(../images/step_01.png) no-repeat;}
.step_01 .p2,.step_02 .p2,.step_03 .p2{width:590px;margin:0 0 40px 90px;font-size:18px;color:#fff;line-height:30px;}

.step_02{height:571px;background:url(../images/bg4.jpg) center top no-repeat;}
.step_02 h3{background-image:url(../images/step_02.png);}
.step_pic2{margin-left:97px;}

.step_03{height:695px;background:url(../images/bg5.jpg) center top no-repeat;}
.step_03 h3{background-image:url(../images/step_03.png);}
.step_b{height:55px;background:url(../images/step_pic4.png) no-repeat;margin-top:30px;padding:65px 0 0 305px;font-size:16px;color:#00ffea;}
.step_b a{color:#fb2929;text-decoration:underline;}

.main_con2{height:211px;background:url(../images/bg6.jpg) center top no-repeat;}

/*-----移动学习平台---*/
.moble{height:500px;background:url(../images/bg7.jpg) center top no-repeat;padding-top:40px;}
.moble_title{ height:49px; background:url(../images/yi_bg.png) repeat;color:#fff;}
.moble_h2{ padding-left:10px; width:180px; height:50px; float:left; background:url(../images/yi_list.png) 167px 22px no-repeat;}
.moble_h2 p{font-size:24px; line-height:50px;}
.moble_text{float:right; font-size:14px;line-height:50px; padding-right:10px;}
.moble_text a{color:#fff; padding-left:16px;}
.moble_text a.mbls{color:#fff000;}

.moble_01{ width:1000px; height:100px; background:url(../images/moble_01.jpg) no-repeat; clear:both;}
.moble_02{height:150px; background:url(../images/moble_02.jpg) no-repeat;}
.moble_02 ul {padding-top:32px;}
.moble_02 ul li{ float: left; height:104px; }
.moble_02 ul li a{ display:block;height:104px; }

.xza{width:98px; background:url(../images/mb1.jpg) no-repeat; margin-left:66px;_margin-left:33px;}
.xzb{width:116px; background:url(../images/mb2.jpg) no-repeat; margin-left:48px;}
.xzc{width:98px; background:url(../images/mb3.jpg) no-repeat; margin-left:46px;}
.xzd{width:116px; background:url(../images/mb4.jpg) no-repeat; margin-left:45px;}
.xze{width:116px; background:url(../images/mb5.jpg) no-repeat; margin-left:39px;}
.xzf{width:116px; background:url(../images/mb6.jpg) no-repeat; margin-left:38px;}

.xza:hover{width:98px; background:url(../images/mb1_hover.jpg) no-repeat;}
.xzb:hover{width:116px; background:url(../images/mb2_hover.jpg) no-repeat;}
.xzc:hover{width:98px; background:url(../images/mb3_hover.jpg) no-repeat;}
.xzd:hover{width:116px; background:url(../images/mb4_hover.jpg) no-repeat;}
.xze:hover{width:116px; background:url(../images/mb5_hover.jpg) no-repeat;}
.xzf:hover{width:116px; background:url(../images/mb6_hover.jpg) no-repeat;}

/*扉页*/
.name{ font-size:12px; color:#858080; text-align:center;padding-top:10px;}




