@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;}
.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;}

/*预约步骤*/
.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;}