.banner_hrmSoftware{
	width: 100%;
	height: 380px;
	background: url(../images/product/ps1_01.png)no-repeat center center;
}
.banner_WebPM{
	width: 100%;
	height: 380px;
	background: url(../images/product/ps2_01.png)no-repeat center center;
}
.banner_leaning{
	width: 100%;
	height: 380px;
	background: url(../images/product/ps3_01.png)no-repeat center center;
}
.banner_check{
	width: 100%;
	height: 380px;
	background: url(../images/product/ps4_01.jpg)no-repeat center center;
}
.banner_retire{
	width: 100%;
	height: 380px;
	background: url(../images/product/ps5_01.jpg)no-repeat center center;
}
.banner_hrmSoftware div,.banner_WebPM div,.banner_leaning div,.banner_check div,
.banner_retire div{
	text-align: left;
	padding-top: 90px;
}
.banner_hrmSoftware div h1,.banner_WebPM div h1,.banner_leaning div h1,
.banner_check div h1,.banner_retire div h1
{
font-size: 36px;
font-weight: bold;
color: #d4203d;
}

.banner_hrmSoftware div p,.banner_WebPM div p,.banner_leaning div p,
.banner_check div p,.banner_retire div p{
font-size: 20px;
line-height: 40px;
color: #d2344d;
margin-top: 10px;
}

.banner_hrmSoftware div span,.banner_WebPM div span,.banner_leaning div span,
.banner_check div span,.banner_retire div span{
font-size: 16px;
line-height: 26px;
color: #344654;
width: 525px;
display: block;
margin-top: 10px;
}
/*产品功能 系统功能 整体方案 标题下红线*/
.psFunction div li:hover .btm_line,.sysFunction div li:hover .btm_line,.generScheme div li:hover .btm_line
{
	width:80px;
}
.psFunction_title li,.sysFunction_title li,.generScheme_title li{
	font-size: 36px;
	font-weight: bold;
	color: #333;
	padding-top: 70px;
	margin-bottom:60px;
	text-align: center;
}
.nav_title li{
	font-size: 36px;
	font-weight: bold;
	color: #333;
	padding-top: 70px;
	text-align: center;
}
.nav_title_two p{    

    color: #666;
 }
	
/*产品功能 系统功能 整体方案 图标*/
.psFunction_menu ul li,.sysFunction_menu ul li{
	display: inline-block;
	width: 230px;
	margin-bottom: 50px;
	text-align: center;
	cursor:pointer;
}
.psFunction_menu ul li div,.sysFunction_menu ul li div{
	width: 132px;
	height: 132px;
	background-position:center;
	margin-right:auto;
	margin-left: auto;
	/*border: 2px solid #d4203d;*/
    border-radius: 50%;
}
.psFunction_menu .arrow,.sysFunction  .arrow{ background: url(../images/product/ico_arrow.png)no-repeat center center; padding:20px; margin-bottom:60px; width:100%;}
.sysFunction_menu{ padding-top:30px;padding-bottom:60px;}



.fc_name{
	font-size: 18px;
	color: #333;
	line-height: 40px;
}
/*产品功能各个功能图标*/
.hrmSoftware_img{background: url(../images/product/fc1_01.png)no-repeat center center; }
.personManage_img{background: url(../images/product/fc1_02.png)no-repeat center center;}
.contractManage_img{background: url(../images/product/fc1_03.png)no-repeat center center;}
.salaryManage_img{background: url(../images/product/fc1_04.png)no-repeat center center;}
.welfareManage_img{background: url(../images/product/fc1_05.png)no-repeat center center;}
.timeManage_img{background: url(../images/product/fc1_06.png)no-repeat center center;}
.trainManage_img{background: url(../images/product/fc1_07.png)no-repeat center center;}
.recruitManage_img{background: url(../images/product/fc1_08.png)no-repeat center center;}
.employself_img{background: url(../images/product/fc1_09.png)no-repeat center center;}
.app_img{background: url(../images/product/fc1_10.png)no-repeat center center;}
/*在线学习平台系统功能各个功能图标*/
.onlineLearn_img{background: url(../images/product/pro3_1.png)no-repeat center center;}
.onlineTest_img{background: url(../images/product/pro3_2.png)no-repeat center center;}
.onlineExam_img{background: url(../images/product/pro3_3.png)no-repeat center center;}
.appLean_img{background: url(../images/product/pro3_4.png)no-repeat center center;}
.knowle_img{background: url(../images/product/pro3_5.png)no-repeat center center;}
/*人力资源管理系统菜单*/
.nav{
	height: 70px;
	background-color: #354359;
	display: none; position: fixed; left: 0; top:0;
	width: 100%;
	z-index: 9;
}
.nav_box ul li {
 width: 100px;
 display: inline-block;
 font-size: 0px;


}
.nav_box ul li a{ color: #fff; font-size: 17px;height: 66px; line-height: 66px;display: inline-block;}
.nav_box ul li:hover .bttom_line{width:100px;}
.nav_box ul li.cur .bttom_line{width:100px;}
.nav_box ul li .bttom_line {
    margin-top: 1px;
}
.nav_list:nth-child(even){ background-color: #f6f6f6; }
.nav_list_title{
	font-size: 30px;
	color: #354359;
	padding-top: 80px;
}
.nav_list_note{
	text-align: center;
	font-size: 16px;
	color: #646f7f;
	/*padding-right: 210px;
	padding-left: 210px;*/
	margin-top: 20px;
    line-height: 28px;
    margin-bottom: 60px;
}
.nav_list_note p{margin-right: auto;margin-left: auto;}
/*组织管理内容*/
.org_left,.org_right{
	width: 50%;
	display: inline-block;
	padding-bottom: 70px;
}
.org_left .org_list{
	padding-right: 23px;
	text-align: right;
	height: 86px;
	margin-bottom: 40px;
	padding-left: 55px;
}
.org_right .org_list{
	padding-left:23px;
	text-align: left;
	height: 86px;
	margin-bottom: 40px;
	padding-right: 55px;
}
.org_list div{
	width: 86px;
	height: 86px;
}
.org_list_title{font-size: 18px;color: #283345;line-height: 28px;}
.org_list_cont{font-size: 13px;color: #646f7f;line-height: 20px}
.org_img1{background: url(../images/product/org_01.png)no-repeat center center; margin-left: 10px;}
.org_img2{background: url(../images/product/org_02.png)no-repeat center center; margin-left: 10px;}
.org_img3{background: url(../images/product/org_03.png)no-repeat center center; margin-left: 10px;}
.org_img4{background: url(../images/product/org_04.png)no-repeat center center; margin-right: 10px;}
.org_img5{background: url(../images/product/org_05.png)no-repeat center center; margin-right: 10px;}
.org_img6{background: url(../images/product/org_06.png)no-repeat center center; margin-right: 10px;}


/*人员管理*/
.entry_img{background-position:center; background-repeat:no-repeat; width: 90px;height: 90px; margin-right: auto;margin-left: auto; margin-bottom:20px;}
.entry_img1{background-image: url(../images/product/renyuan_01.png);}
.entry_img2{background-image: url(../images/product/renyuan_02.png);}
.entry_img3{background-image: url(../images/product/renyuan_03.png);}
.entry_img4{background-image: url(../images/product/renyuan_04.png);}
#person .nav_list_content ul{overflow: hidden;}
#person .nav_list_content >div>div{
	display: inline-block;
	    width: 25%;
	
}
.heigh{text-align: center;}
.heigh p{ line-height:24px; color:#646f7f; font-size:14px;}
/*.heigh>p{margin-bottom: 15px}*/
/*#person .nav_list_content  div >div{width: 80px;height: 80px;    margin-right: auto;margin-left: auto; }*/
#person .nav_list_content .heigh p a{color: #646f7f;font-size: 14px;line-height: 20px;}
.nav_list{ overflow:hidden; clear:both;}
/*合同管理*/
#contract .nav_list_img{
	background: url(../images/product/contract.png)no-repeat center center;
    width: 100%;
    height: 391px;
    margin:20px 0 0px;
}
#salary .nav_list_img{
	background: url(../images/product/salary.png)no-repeat top center;
    width: 100%;
    height: 400px;
}
#welfare .nav_list_img{
	background: url(../images/product/welfare.png)no-repeat center center;
    width: 100%;
    height: 335px;
    margin:30px 0 70px;
}
#time .nav_list_img{
	background: url(../images/product/time.png)no-repeat center center;
    width: 100%;
    height: 294px;
    margin:80px 0 90px;
}
#train .nav_list_img{
	background: url(../images/product/train.png)no-repeat center center;
    width: 100%;
    height: 428px;
    margin:20px 0 40px;
}
#employself .nav_list_img{
	background: url(../images/product/employself.png)no-repeat center 20px;
    width: 100%;
    height: 366px;
    margin:20px 0 0px;
}
#app .nav_list_img{
	background: url(../images/product/app.png)no-repeat center center;
    width: 100%;
    height: 572px;
    margin:20px 0 40px;
}
/*招聘管理*/
.recruit_cont{
padding: 0 100px;
padding-bottom: 90px;    text-align: center;
}
.recruit_cont >div{
	border: 2px solid #d4203d;
	width: 250px;
	height: 255px;
	display: inline-block;
	padding-top: 20px;
}
.recruit_cont .heigh p ,.onlearn_cont .heigh p ,.onexam_cont .heigh p,.alltest_cont .heigh p{
	width: 175px;
	margin-left: auto;
    margin-right: auto;
    font-size:18px;
	color:#283345;
}
.recruit_cont .heigh p { color: #646f7f;font-size: 14px;line-height: 20px;width: 200px;}

.resume_img{background: url(../images/product/recruit_01.png)no-repeat center center;width: 62px;height: 62px;margin-right: auto;margin-left: auto;}
.resume_img1{background-image: url(../images/product/recruit_01.png);}
.resume_img2{background-image: url(../images/product/recruit_02.png);}
.resume_img3{background-image: url(../images/product/recruit_03.png);}
/*产品learn*/
.onlearn_cont{padding: 0 70px;padding-bottom: 90px;}

.onexam_cont{padding: 0 95px;padding-bottom: 120px;}
.alltest_cont{padding: 0 120px;padding-bottom: 90px;text-align: center;}
.knowledge_cont{padding-top: 110px;padding-bottom: 145px;    text-align: center;}
.hproducts_learn .nav  .nav_box ul li{width: 200px;}
.onlearn_cont .heigh p,.onexam_cont .heigh p{ line-height: 24px;color: #646f7f; font-size: 14px;}
.onlearn_cont .resume_img,.onexam_cont .resume_img{ margin-top:38px;margin-bottom: 10px; height:74px; width:74px;}
.onlearn_cont>div,.onexam_cont>div,.alltest_cont>div{
	width: 225px;
	height: 250px;
	display: inline-block;
	/* padding-top: 20px;*/} 
.onlearn_cont>div{background-color: #fff;height: 295px;}	
#onapp .nav_list_img{
	background: url(../images/product/learn_02.png)no-repeat center bottom;
    width: 100%;
    height: 411px;
    margin:20px 0 0px;
}
#ontest .nav_list_img{
	background: url(../images/product/learn_01.png)no-repeat center center;
    width: 100%;
    height: 604px;
    margin:20px 0 95px;
}
.knowledge_cont >div{width: 340px;height: 140px;text-align: left; background-color: #fff;padding:30px 40px;display: inline-block;}
#knowledge .classify div{width: 89px;height: 80px;margin-right: 15px; background: url(../images/product/learn_03.png)no-repeat center center;}
#knowledge .search div{width: 89px;height: 80px;margin-right: 15px;background: url(../images/product/learn_03.png)no-repeat center center;}
#knowledge .manage div{width: 89px;height: 80px;margin-right: 15px;background: url(../images/product/learn_03.png)no-repeat center center;}
.knowledge_cont >div h1{font-size: 18px;color: #283345;line-height: 40px;}
.knowledge_cont >div p{font-size: 14px;color: #646f7f;}
.hproducts_web .nav_list .nav_list_title li:hover .btm_line{width: 80px;}
#overscheme .nav_list_img{
	background: url(../images/product/web_01.png)no-repeat center center;
    width: 100%;
    height: 414px;
    margin:20px 0 70px;
}
#flow .nav_list_img{
	background: url(../images/product/web_02.png)no-repeat center center;
    width: 100%;
    height: 547px;
    margin:20px 0 80px;
}
#upp .nav_list_img{
	background: url(../images/product/web_03.png)no-repeat center 0;
    width: 100%;
    height: 420px;
    margin:20px 0 40px;
 }
/*web导航*/
.hproducts_web .nav .nav_box ul li{width: 200px;}
.alltest_cont .heigh p.fc_name{
	color: #d63a50;
	font-weight: bold;
    line-height: 48px;
}
.alltest_img{
    width: 132px;
    height: 132px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #d4203d;
    border-radius: 50%;
}
.style_img{background: url(../images/product/style.png)no-repeat center center;}
.allwave_img{background: url(../images/product/style2.png)no-repeat center center;}
.process_img{background: url(../images/product/style3.png)no-repeat center center;}
.alltest_cont ul{margin-top: 15px;}
.alltest_cont ul li{
	text-align: left;
	line-height: 20px;
	color: #646f7f;
	padding: 0 25px 0 80px;
	position: relative;
	font-size: 14px;
    line-height: 20px;
}
.alltest_cont ul li div.fl{margin-left: -25px;background: url(../images/product/web_04.png)no-repeat center center;width: 20px;height: 20px;margin-right: 5px;}
.alltest_cont span.cont_title{    color: #d4203d;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    margin-left: -45px;}
.alltest_cont span.cont_title span.line{    width: 125px;
    height: 1px;
    background-color: #d4203d;
    position: absolute;
    top: 10px;
    margin-left: 5px;}

    /*新增产品鼠标悬停动画*/
.psFunction_menu ul li u.cl,.sysFunction_menu ul li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.psFunction_menu.active ul li u.cl,.sysFunction_menu.active ul li u.cl {
	clip: rect(0px,136px,136px,68px);
}

.psFunction_menu ul li u.cr ,.sysFunction_menu ul li u.cr{
	clip: rect(136px,68px,136px,0px);
}

.psFunction_menu.active ul li u.cr ,.sysFunction_menu.active ul li u.cr{
	clip: rect(0px,68px,136px,0px);
}
.psFunction_menu ul li u,.sysFunction_menu ul li u {
	display: block;
	position: absolute;
	width: 136px;
	height: 136px;
	margin-left: 47px;
	background: url(../images/product/circle.png) no-repeat center center;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.psFunction_menu ul li:hover ,.sysFunction_menu ul li:hover{
	
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.psFunction_menu ul li:hover u.cl ,.sysFunction_menu ul li:hover u.cl{
	clip: rect(0px,136px,-10px,68px);
}

.psFunction_menu ul li:hover u.cr,.sysFunction_menu ul li:hover u.cr{
	clip: rect(136px,68px,136px,0px);
}
/*考勤*/
.hcmcont .up >p,.hcmcont .creat >p{font-size: 30px;color: #d4203d;text-align: center;}
.hcmUpCont{
	height: 550px;
	position: relative;
	padding-bottom: 
}
.hcmUpImg{
	width: 100%;
	height:450px;
	background: url(../images/check/check2_01.png)no-repeat top center;
}

.hcmUpText{position: absolute;width: 310px}
.hcmUpText h1{
font-size: 18px;
color: #d4203d;
text-align: center;
margin-bottom: 10px;
}
.hcmUpText p{font-size: 14px;color: #666;line-height: 22px;}
.hcmUp01{top:145px;left: 30px;}
.hcmUp02{top:70px;right: 7px;}
.hcmUp03{bottom:75px;left: 12px;}
.hcmUp04{bottom:110px;right: 15px;}

.solutionlist >div{
	width: 260px;
	height: 395px;
	background-color: rgba(212,32,61,.75);
	margin-right: 36px;
	text-align: center;
	padding:30px 30px;
}
.solutionlist{padding:0 10px;}
.solutionlist div h1{font-size: 20px;color: #fff;margin-bottom: 20px;}
.solutionlist div p{font-size: 14px;color: rgba(255,255,255,1);line-height: 24px;text-align: left;}
.solutionlist >div>div{
	border-radius: 50%;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}
.solutionlist_img01{
/*width: 100%;*/
height: 100px;
background: url(../images/check/check4_01.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img02{
/*width: 100%;*/
height: 100px;
background: url(../images/check/check4_02.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img03{
/*width: 100%;*/
height: 100px;
background: url(../images/check/check4_03.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img04{
/*width: 100%;*/
height: 100px;
background: url(../images/check/check4_04.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img05{
/*width: 100%;*/
height: 100px;
background: url(../images/retire/retire2_01.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img06{
/*width: 100%;*/
height: 100px;
background: url(../images/retire/retire2_02.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img07{
/*width: 100%;*/
height: 100px;
background: url(../images/retire/retire2_03.png)no-repeat center center;
margin-bottom: 10px;
}
.solutionlist_img08{
/*width: 100%;*/
height: 100px;
background: url(../images/retire/retire2_04.png)no-repeat center center;
margin-bottom: 10px;
}
.contDetails_list{ 
    border: 1px solid #d7d8d8;
    height: 120px;
    margin-bottom: 20px;
    background-color: #fafbfc; 
}
.contDetails_list div{display: inline-block;text-align: left;}
.contDetails_list div.list_text{display: inline-block;width: 1005px;padding-top: 20px;}
.list_text p{font-size: 14px;color: #666;line-height: 22px;}
.list_text h1{font-size: 18px;color: #333;margin-bottom: 5px;}
.list_img01{
	width: 120px;
	height:120px;
	background: url(../images/solution/list_img01.png)no-repeat center center;
}
.creat{margin-top: -40px;padding-bottom: 70px;}
.hcmCreatCont{padding-top: 50px;text-align: center;}
.hcmCreatCont div{text-align: center;display: inline-block;
background-color: #fff; border: 1px solid #e9eaec;
border-top: 4px solid #d4203d;width:265px ;height: 220px;padding:0 35px;margin-right: 35px;}
.people div{height: 250px;}
.hcmCreatCont div h1{font-size: 18px;color: #283345;line-height: 58px;}
.hcmCreatCont div p{font-size: 14px;color: #666;line-height: 20px;text-align: left;}
.self{
	width: 100%;
	height: 342px;
	background:  url(../images/product/self.png)no-repeat center center;
	margin-bottom: 50px;
}
/*退休*/

.imgfiles{
	width: 100%;
	height: 413px;
	background:  url(../images/retire/files.png)no-repeat center center;
	margin-bottom: 50px;
}
.value{background-color: #fff!important;}
.value .contDetails{text-align: center;margin-bottom: 70px;}
 .contTop{padding: 0 100px;
    text-align: center;
    padding-bottom: 70px;}
.contTop> div{width: 165px;height:270px;display: inline-block;}
 .cont_img01{
	width: 100%;
	height: 130px;
	background: url(../images/retire/retire4_01.png)no-repeat center center;
	margin-bottom: 10px;
}
 .contTop> div p,
 .contSub> div p{
	font-size: 16px;
	color: #666;
	line-height: 26px;
}
/*整体方案*/
.allimg{
	width: 100%;
	height:548px ;
	background: url(../images/retire/retire1_01.png)no-repeat center center;
	margin-bottom: 70px;
}