@charset "utf-8";
/* CSS Document */

img{ display:block; }

/*--common--*/
.lr_auto{ width: 1190px; margin: 0 auto;}
.lr_auto02{ margin: 0 auto;}
.width77{ width:14.28%; }
.width88{ width:12.5%; }
.fl{ float: left;}
.fr{ float: right; }


/*--common_title--*/
.common_title{ margin-top: 70px; margin-bottom: 35px; text-align: center;  }
.common_title h2{font-size:33px; color: #111; margin-top: 20px; font-weight: bold;}
.common_title p{font-size:16px; color: #888; margin-top: 10px; }


/*--common_button--*/
.common_button{ width: 170px; height: 40px; line-height: 40px; margin: 0 auto; background-color:#3154d4; border-radius:20px; text-align: center;}
.common_button a{ display: block; font-size:16px; color: #fff; }


/*--banner--*/
.banner{ position:relative; overflow:hidden; width:100%; height: 600px;}
.banner img{position:absolute; left:50%; margin-left:-960px;}


/*--trouble--*/
.trouble{ margin-bottom: 70px; overflow: hidden; padding-top: 15px; } 
.trouble li{ float: left; box-sizing: border-box; width: 282.5px; padding: 30px 14px; margin-right: 20px; margin-bottom: 20px; background: #f8f8ff;}
.trouble li:nth-child(4n){ margin-right: 0;}
.trouble li h2{ font-size: 18px; color: #333; text-align: center; margin-bottom: 20px;}
.trouble li p{ display: flex;  justify-content: center; align-items: center; height: 75px; font-size: 15px; line-height: 24px; color: #666; text-align: center; background: #fff;}


/*--r_d_management--*/
.r_d_management{ margin-bottom: 58px; }
.r_d_management ul{ overflow: hidden;}
.r_d_management li{ float: left; box-sizing: border-box; padding: 40px 20px; width: 251px; margin: 20px 20px; text-align: center; box-shadow: 0px 0px 18px rgba(24, 71, 136, .1); background: #fff}
.r_d_management li div{ display: flex; align-items: center; justify-content: center;;}
.r_d_management li img{ display: block; width: 30px; height: 30px; background: #333;}
.r_d_management h3{ font-size: 18px; color: #222; line-height: 30px; margin-left: 10px; }
.r_d_management p{ height: 72px; overflow: hidden; font-size: 14px; color: #878787; line-height: 24px; text-align: center; margin: 20px 0px;}
.r_d_management a{ display: block; margin: 0 auto; border-radius: 20px; width: 190px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #908bfc; background-image: linear-gradient(135deg, #5444f0, #597dfa); } 





/*--task_management--*/
.task_management{ padding-top: 30px; margin-bottom: 20px;}
.task_management ul{ background: url(../images/hr_management/bg01.png) no-repeat center center;  overflow: hidden;}
.task_management li{ box-sizing: border-box; width: 324px; height: 158px; background: #5e50f0; padding: 24px 14px; margin-bottom: 30px;}
.task_management li:nth-child(2n+1){ float: left; margin-right: 300px;}
.task_management li:nth-child(2n){ float: right;}
.task_management li *{ text-align: center;}
.task_management li h3{ font-size: 18px; color:#fff; font-weight: bold; margin-bottom:10px;}
.task_management li p{ font-size: 14px; line-height:26px; color: #c2cbf8;}




/* 价值 */
.program_value_bg{ background: #f2f3f8; padding: 10px 0 50px;}
.program_value{ overflow: hidden;}
.program_value>div{ width: 300px;}
.program_value dl{ width: 300px; padding-bottom: 50px; overflow: hidden;}
.program_value dt{ margin-bottom: 15px; font-size: 18px; color: #001524; font-weight: 700;}
.program_value dd{ float: left; margin: 8px 0; width: 50%; height: 22px; line-height: 22px; font-size: 16px; color: #9da2b0; overflow: hidden;}
.program_value .main_btn{ width: 550px; margin: 50px 0; padding: 0 20px;}
.main_btn h3{ float: left; width: 200px; height: 60px; line-height: 60px; font-size: 20px; color: #5e50f0; font-weight: bold; text-align: center; overflow: hidden; border: 1px solid #5e50f0; border-radius: 30px; margin: 26px 36px;}

/*  */
.advantage_bg{ padding-top: 5px; background: url(../images/hr_management/bg22.png) no-repeat center bottom;}
.advantage_ul{ margin-top: 40px; overflow: hidden;}
.advantage_ul ul{ display: flex; justify-content: space-evenly; margin-bottom: 40px;}
.advantage_ul ul+ul{ display: flex; justify-content: space-between; margin-bottom: 60px;}
.advantage_ul li{ box-sizing: border-box; padding: 16px; width: 280px; margin-bottom: 50px; background: #565ef5; background-image: linear-gradient(135deg, #5444f0, #597dfa);}
.advantage_ul li h3{font-size:20px; color:#fff; margin-bottom: 12px; }
.advantage_ul li p{ font-size:14px; color:#c2cbf8; line-height:24px; }




/* 立即体验 */
.main_learn_bg{ background:#0967ff url(../images/hr_management/bottom.png) no-repeat center top;  padding: 40px 0 47px;}
.main_learn_bg h3{ font-size:22px; font-weight:normal; text-align:center; line-height:36px; color:#ffffff;}
.main_learn_bg p{ font-size: 14px; text-align: center; color: #fff; margin: 10px 0 10px; }
.main_learn_btn{ text-align:center; padding:15px 0;}
.main_learn_bg a{ display: block; margin: 0 auto; border-radius: 19px; width: 210px; height: 38px; background: #ff9900; font-size: 16px; line-height: 38px; text-align: center; color: #fff; }
.main_learn_btn a:hover{ color:#0967ff; background-color:#fff;}