@charset "gb2312";
/*
* Description: 人力资源实训专题-OKR
* Update:      28/06/2017
* 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: #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; }
.title{ font-size:46px; line-height:46px;text-align:center; color:#702fba;}
.title span{ display:inline-block; vertical-align:middle; margin-right:18px; width:104px; height:45px;}
.title_01 span{ background:url(../images/tit_01.png) no-repeat;}
.title_02 span{ background:url(../images/tit_02.png) no-repeat;}
.title_02{ color:#fff;}
.btn{ display:block; text-align:center; color:#fff; margin:0 auto;}
.btn_01{background-color:#fdf329; color:#242424;box-shadow:0 5px 0 #ceb31c;-webkit-box-shadow:0 5px 0 #ceb31c;-moz-box-shadow:0 5px 0 #ceb31c;-ms-box-shadow:0 5px 0 #ceb31c;-o-box-shadow:0 5px 0 #ceb31c;}
.btn_01:hover{ background-color:#faf481;}

/*banner*/
	.banner{ width:100%;}
	.banner_01{height:167px; background:url(../images/banner_01.jpg) no-repeat top center; }
	.banner_02{height:192px; background:url(../images/banner_02.jpg) no-repeat top center; }
	.banner_03{height:134px;background:url(../images/banner_03.jpg) no-repeat top center;padding-top:30px;}
	.banner_04{height:150px; background:url(../images/banner_04.jpg) no-repeat top center; }

	.banner_03 a{ width:450px; height:50px; line-height:50px; border-radius:30px; font-size:24px; color:#792cd2; background-color:#fff;border:1px solid #786ec3;}
	.banner_03 a:hover{ background-color:#792cd2; color:#fff;} 
	.banner_04 p{ color:#4b0d93; line-height:24px; padding:65px 57px 0 48px; text-indent:2rem;}

/*fine*/
	.fine{ padding:60px 0 58px 0;}
	.fin_ul{ padding:50px 0 0 25px;}
	.fin_ul li{ margin-right:24px; width:300px; float:left; }
	.fin_ul li h4{ height:61px; background:url(../images/fin_01.png) no-repeat; text-align:center; font-size:24px; color:#702fba; font-weight:bold; padding-top:16px; line-height:60px;}
	.fin_lid{ background-color:#702fba; height:215px; color:#fff; }
	.fin_lid p{ line-height:24px; color:#fff; padding:20px 23px 0 20px; height:140px;}
	.fin_lid a{ width:160px; height:36px; line-height:36px; background-color:#fff; border-radius:5px; color:#531599;  }
	.fin_lid a:hover{ background-color:#ece1f6;}

/*哪些人可以报*/
.who_wrap{width:100%; background-color:#934de3; padding:74px 0 53px 0;}
.who_con{height:256px;margin-top:50px;padding-left:125px;}
.who_con li{float:left;width:245px;height:110px;margin:0 6px 6px 0;overflow:hidden;}
.who_01{background-color:#702fba;}
.who_02{background-color:#5707a9;}
.who_con li p{line-height:110px;font-size:26px;text-align:center;color:#fff;}

.cou_btn{width:480px;height:48px;line-height:48px;font-size:22px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	
	
/*场课程体系*/
.system{ width:100%; background-color:#d2b2f7; padding:75px 0 57px 0;}
.sys_ul{margin-left:34px; padding:50px 0 30px; }
.sys_ul li{width:870px;height:80px;color:#fff;background-color:#661abd;padding:30px 0 0 75px;margin-bottom:22px;position:relative;margin-left:55px;}
.sys_ul li span{ position:absolute; top:0; left:-50px; display:block; width:102px; height:102px; font-size:60px; font-family:"Arial"; line-height:100px; background-color:#661abd; border:4px solid #fff; border-radius:50%; text-align:center;}
.sys_ul li p{width:655px;line-height:26px;font-size:18px;}
.sys_ul li p em{font-size:24px;}
.sys_ul li a{width:125px;height:36px;line-height:36px;border-radius:30px;position:absolute;right:45px;top:35px;}
	
	.sys_dl,.sys_dr{ float:left;}
	.sys_dl{ width:334px; height:253px; text-align:center; padding-left:78px;background:url(../images/sys_01.png) no-repeat; margin-top:27px; }
	.sys_dl h4{ line-height:69px; font-size:36px; color:#fff; padding-top:20px; }
	.sys_dl p{ width:210px; height:64px; line-height:64px; border:1px solid #fbf468; border-radius:40px; margin:0 auto; color:#fdf329; font-weight:bold; font-size:30px; }
	.sys_dl p b{ font-size:50px;}
	.sys_btn{ padding:20px 0 0 30px;}
	.sys_btn a{ width:130px; height:43px; line-height:43px; float:left; border-radius:5px; margin-right:14px; }
	
	.sys_dr{width:487px; }
	.sys_v{  height:311px; width:470px; padding:11px 9px 0 8px; background:url(../images/sys_02.png) no-repeat; }
	.sys_dr a{ width:230px; height:36px; line-height:36px; z-index:10; background-color:#f6f6f6; border-radius:5px; color:#531599; position:relative; margin-top:-5px; }
	.sys_dr a:hover{ background-color:#fff;}
	
/*清晰易懂*/	
.clarity{ width:100%;background:#fefefe url(../images/cla_bg.jpg) center bottom no-repeat; padding:70px 0 45px; }
.cla_con{width:981px;height:660px; background:url(../images/cla_01.png) center bottom no-repeat; margin:55px auto 0; }
.cla_con li{float:left;width:265px;height:271px;background-color:#fff;border-radius:15px 0 15px 0px;box-shadow:rgba(112,47,186,0.35) 0 0 10px 2px;margin-right:23px;}
.cla_con li h4{ background-color:#702fba; border-radius:15px 0 0px 0px; height:68px; line-height:68px; text-align:center; font-size:24px; color:#fff; font-weight:bold; }
.cla_con li p{ font-size:16px; line-height:24px; color:#702fba; padding:25px 25px 0 30px; }

.cla_btn { padding:29px 0 0 220px;}
.cla_btn a{ float:left; width:260px; height:48px; line-height:48px; font-size:22px; margin-right:42px; border-radius:5px; }
	
/*five*/	
	.five{ width:100%; background-color:#934de3; padding:75px 0 55px 0;}
	.fiv_con{ height:436px; background:url(../images/fiv_01.png) top center no-repeat; margin-top:68px;  position:relative; }
	.fiv_ul li{ font-size:20px; line-height:32px; display:inline-block; border-bottom:1px solid #fff; color:#fff; position:absolute;}
	.fiv_li1{ top:28px; left:127px;}
	.fiv_li2{ top:28px; right:77px;}
	.fiv_li3{ top:186px; right:67px;}
	.fiv_li4{ top:348px; left:551px;}
	.fiv_li5{ top:186px; left:138px;}
	
	.fiv_d a{width:290px;height:48px;line-height:48px;font-size:22px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	.fiv_d p{line-height:54px;font-size:22px;color:#fff;text-align:center;}
	.fiv_d p img{ display:inline-block; vertical-align:middle; margin-right:10px; }
	
/*teacher*/	
	.teacher{ width:100%; height:555px; padding-top:85px; background:url(../images/tea_bg.jpg) no-repeat top center;}
	.tea_con{ color:#702fba; background:url(../images/tea_01.png) 60px 80px no-repeat; height:285px; padding:220px 0 0 545px;}
	.tea_con h4{ font-size:24px; line-height:36px; }
	.tea_con p{  width:335px; font-size:18px; line-height:30px; }
	
/*training*/	
	.training{ width:100%; background-color:#d2b2f7; padding:74px 0 10px; }
	.tra_con ul{ padding:60px 0 44px 14px;}
	.tra_con li{ width:230px; height:160px; background:url(../images/tra_01.png) no-repeat; float:left; position:relative; margin-right:22px; text-align:center;  }
	.tra_con li h4{font-weight:bold; font-size:24px; color:#fbf468;  line-height:160px; }
	.tra_con li span{ display:block; width:116px; height:114px; background:url(../images/tra_02.png) no-repeat; position:absolute; top:-10px; left:-10px;}
	
	.tra_con a{width:410px;height:48px;line-height:48px;font-size:22px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
	
	
/*扉页*/
.feiye{ line-height:30px;font-size:12px; color:#DAC1F6; padding-top:40px;text-align:center;}