@charset "gb2312";
/*
* Description: 2016年5月人力资源管理师套餐
* Update:      28/03/2016
* Author:      xuyongmei
*/

/* 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-color: #f4f4f4; 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:120px;background:url(../images/banner_01.jpg) center top no-repeat;overflow:hidden}
.banner_02{height:145px;background:url(../images/banner_02.jpg) center top no-repeat;}
.banner_03{height:140px;background:url(../images/banner_03.jpg) center top no-repeat;}
.banner_04{height:58px;background:url(../images/banner_04.jpg) center top no-repeat;padding-top:27px;}

.banner_01 p{font-size:20px;color:#ff6600;text-align:center;line-height:110px;}
.banner_btn{padding:80px 0 0 225px;}
.banner_btn p{float:left;width:184px;height:50px;font-size:22px;line-height:50px;text-align:center;color:#fff;background-color:#147fa5;margin-left:60px;border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;-webkit-border-radius:25px;}
.banner_04 p{line-height:58px;font-size:18px;text-align:right;color:#161616;}
.banner_04 p span{font-weight:bold;margin:0 5px 0 30px;}

/*step_01*/
	.step_01{ height:293px; width:100%; background:url(../images/step01.png) no-repeat top center;}
	.stepin{ border:1px solid #cbcbcb; height:275px; background:#fff; position:relative; }
	.ul01 .li01 { width:338px; padding:38px 0 25px 0;*padding:0px 0 15px 0;_padding:20px 0 15px 0; float:left;color:#161616; line-height:32px;}
	.ul01 .li01 h3{ font-size:26px; float:left; line-height:45px; font-weight:bold;}
	.ul01 .li01 .h3p{ display:block; float:left; margin-right:10px; width:32px; height:27px; background:url(../images/span01.png) center center no-repeat;}
	.ul02 li span{ display:block; margin:10px 0 0 0; _margin:0; float:left; width:14px; height:10px; background:url(../images/span03.png) center center  no-repeat;_background:url(../images/span03.png) center 15px  no-repeat;}
	.stepin .li02 div{ width:318px; height:293px; background:url(../images/sul01.png) no-repeat; position:absolute; top:-9px; left:330px;}
	.stepin .li02 div p{ padding-top:30px; font-size:45px; text-align:center; color:#fff;}
	.stepin .li02 div p span{ font-size:36px;}
	.step_01 .li03{ margin-left:311px; line-height:42px;}
	.ul02 li{ padding-left:80px; overflow:hidden;}
	.ul02 li p{ float:left;}
	.ul01 .li03 span { margin-top:16px;_margin-top:0px;}
	.ul01 .li03 .h3p{ margin-top:10px; background:url(../images/span02.png) center center no-repeat;}

/*step_02*/
	.st2{ height:117px; background:url(../images/st2.jpg) top center no-repeat;}
	.step_02 h3{ font-size:50px; padding-bottom:15px; color:#333333; font-weight:bold; text-align:center;}
	.step_02 .p2{ line-height:40px; float:right; margin-right:175px; _margin-right:85px; font-size:18px; color:#5c5c5c;}
	.stin{ width:115px; height:114px; background:url(../images/span06.png) no-repeat; position:absolute; top:-11px; left:-11px;}
	.spbottom{ padding:22px 0; margin-bottom:62px; border:1px solid #c1c1c1; background:#fff; position:relative;}
	.spbottom .spleft{ width:236px; height:295px;float:left;   padding:35px 0 15px 73px;_padding:15px 0 15px 63px; border-right:1px solid #e8e8e8;}
	.spleft ul li{ font-size:26px; overflow:hidden ;line-height:50px; padding-left:20px; background:url(../images/span03.png) center left  no-repeat; }
	.spleft ul li p{ float:left; padding:0;}
	.spleft ul li span{display:block; margin:21px 7px 0 0;_margin: 0 3px 0 0; float:left; width:14px; height:10px; }
	.spleft ul lip{ float:left;}
	
	.spright{ padding-right:  47px;  width:640px; float:left;}
	.spright ul{ padding-top:20px;}
	.spright ul li{ width:600px; overflow:hidden; border-bottom:1px solid #e8e8e8; padding:15px 0 15px 47px;_padding:15px 0 0 47px; _height:65px;}
	.spright ul .li03{ border:none;}
	.spright p{ font-size:26px; float:left;}
	.spright .li03 p{font-size:20px;color:#ff6600;line-height:40px;}
	.spright p em{ font-size:30px; color:#ff6600; font-weight:bold;}
	.spright p span{ font-size:16px; padding-left:52px;}
	.spright p span i{ text-decoration:line-through;}
	.spright .li03 p span{color:#333;padding-left:33px;}
	.spright a{ display:block; float:right; width:167px; height:48px; line-height:48px; background:url(../images/btn02.png) no-repeat; font-size:20px; font-weight:bold;color:#fff;}
	.spright a:hover{ text-decoration:none;background:url(../images/btn022.png) no-repeat;}
	.spright a span{display:block; width:29px; height:27px; background:url(../images/che.png) no-repeat; margin:9px 9px 0 20px;_margin:9px 9px 0 20px; float:left;}
	.spright a span.ar{height:32px;background:url(../images/ar.png) center top no-repeat;}
	
/*step_03*/
	.step_03 { padding-bottom:45px;}
	.step_03  li{vertical-align: bottom;  padding-bottom:23px; padding-top:38px; *padding-top:30px;padding-left:85px; position:relative; border-left:3px solid #d6d6d6;border-bottom:1px dashed #c3c3c3;}
	.step_03 .li05{padding-bottom:50px;}
	.step_03 ul{ padding-left:66px; padding-right:17px;}
	.step_03 li span{ position:absolute; top:37px;left:-43px; width:94px; height:91px; padding-left:18px;line-height:91px; font-size:80px; font-weight:bold; font-style: oblique; color:#fff; background:url(../images/libg.png) no-repeat; font-family:"Arial";}
	.step_03 li h4{ padding-bottom:10px; font-size:26px; font-weight:bold; color:#141924;}
	.step_03 li h4 em{  color:#147fa5;font-size:20px; padding-left:10px;}
	.step_03 li h4 .lispan{ font-size:20px;}
	.step_03 li p{  line-height:30px;}
	.step_03 .li01 span{ top:0;}
	.step_03  em{  color:#ff6600;}
	.step_03 .li01{padding-top:0;}
	.step_03 .li01,.step_03 .li03,.step_03 .li05,.step_03 .li07{ width:720px; }
	.step_03 li  img,.step_03 .li03 img,.step_03 .li05 img{ position:absolute; top:31px;*top:40px; right:-155px; }
	.step_03 .li02,.step_03 .li04,.step_03 .li06{ width:633px;}
	.step_03 .li02 img,.step_03 .li04 img,.step_03 .li06 img{ position:absolute; top:66px;}
	.step_03 .li03 img{ top:61px;}
	.step_03 .li04 img{ top:68px;}
	.step_03 .li05 img{ top:153px;}
	.li05 b{ padding-left:19px;}
	.li06_btn{margin-top:18px;}
	.li06_btn a{float:left;width:130px;height:51px;line-height:50px;border:1px solid #0085a6;font-size:18px;color:#0085a6;padding-left:70px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	.li06_btn .btn_01{background:url(../images/icon1.png) 40px center no-repeat;margin-right:32px;}
	.li06_btn .btn_02{background:url(../images/icon2.png) 40px center no-repeat;}
	.la{ width:261px; height:70px; line-height:70px; font-size:26px; font-weight:bold; display:block; background:url(../images/btn03.png) no-repeat; margin:75px auto 0;color:#fff;}
	.la:hover{ text-decoration:none; background-image:url(../images/btn033.png);  }
	.la span{display:block; width:40px; height:32px; background:url(../images/x.png) no-repeat; margin:20px 18px 0 46px;_margin:20px 18px 0 20px; float:left;}
	
/*step_04*/
	.rate{ background:#fff;}
	.rate .st4{ height:74px; background:url(../images/st4.jpg) top center no-repeat;}
	.rate h3{ font-size:50px;font-weight:bold; text-align:center;}
	.rate h3 em { font-size:69px; color:#147fa5;}
	.rate h3 em span{font-size:50px;}
	
	.rate_con{padding-right:25px; padding-bottom:60px;}
	.rate_left{float:left;width:455px;padding:45px 0 0 23px;}
	.rate_con h4{font-size:20px; line-height:40px; font-weight:bold; text-align:center;}
	.rate_con h4 em { color:#147fa5;}
	.rate_right{float:right;width:409px;padding-top:45px; margin-right:42px;}
	.rate_right p{font-size:18px;padding-left:40px;margin-bottom:10px;}
	.py{width:385px;padding:10px;position:relative;}
	.pyin{width:385px;height:355px;overflow:hidden;position:relative;top:0;left:0;}
	.py ul{width:4367px;position:absolute;top:0;left:0;}
	.py ul li{float:left;width:385px;}
	.left,.right{z-index: 99;position: absolute;width:38px; height: 58px; border:1px solid #dcdcdc;background: url(../images/arr.png) no-repeat;top:150px;display: none;}
	.left{background-position:12px 16px;left:-33px;}
	.right{background-position:-33px 16px;right:-33px;}
	.rate  .spbottom{ margin-bottom:0; }
	/*底部*/
	/*微信*/
	.wx_in h3{ display:block; height:62px; line-height:62px; font-size:26px; background:#147fa5; text-align:center; color:#fff;}
	.wx_in ul{ height:202px; background:url(../images/wx_in.jpg) no-repeat;}
	.wx_in ul li{float:left;width:296px; padding:37px 0 0 37px;font-size:16px;line-height:26px;color:#333;}
	.wx_in ul li img{ float:left; margin-right:26px;}
	.wx_in ul li a{display:block;width:90px;height:22px;background:url(../images/qq_btn.png)  no-repeat; margin:5px 0 0 154px ;}
	.wx_in ul li p{ padding-top:43px;}

/*扉页*/
.feiye{ font-size:12px; color:#EAEAEA; text-align:center;}




