/*页面顶部*/
.hr-headertop{ height:32px; background:#F7F7F7; border-bottom:1px solid #EFEFEF; line-height:32px; color:#333;}
.hr-headertop .headertopdiv{ width:1200px; margin:0 auto;}
.hr-headertop .headertopdiv .headerleft{ float:left; color:#333;}
.hr-headertop .headertopdiv .headerleft a{ color:#333;}
.hr-headertop .headertopdiv .headerright{ float:right;}
.hr-headertop .headertopdiv .headerright a{color:#333;}
.hr-headertop .headertopdiv .headerright span{ color:#dddddd; margin-left:3px;}
.hr-headertop .headertopdiv .headerright .collect{ margin-left:34px; padding-left:18px;background:url('/images/collect.png') no-repeat left center;}
.hr-headertop .headertopdiv .headerright .attention{padding-left:18px;background:url('/images/attention.png') no-repeat left center;}

/*logo区*/
.hr-logoarea{ height:115px; width:100%;  }
.hr-logoarea .logoareadiv{ height:115px; margin:0 auto; width:1260px;}
.hr-logoarea .logoareadiv .logoarea{ float:left; width:184px; height:82px; margin:10px 0;}
.hr-logoarea .logoareadiv .searcharea{  float:left; width:430px; height:60px; margin:36px 10px 0 80px;}
.hr-logoarea .logoareadiv .searcharea .searchtextdiv{width:341px; height:30px; float:left; border:4px solid #2E323D;}
.hr-logoarea .logoareadiv .searcharea .searchtext{ width:285px; height:20px; font-size:14px; color:#999; background:none; border:none; line-height:20px; padding-top:5px;}
.hr-logoarea .logoareadiv .searcharea .searchbtndiv{float:right;height:38px; width:81px;}
.hr-logoarea .logoareadiv .searcharea .searchbtndiv .searchbtn{height:38px; width:81px; cursor:pointer; border:none; background:#2E323D; color:#FFF; font-size:14px;}
.hr-logoarea .logoareadiv .searcharea .hotwords,.hr-logoarea .logoareadiv .searcharea .hotwords a{ color:#a5a5a5; margin-top:5px;text-decoration: none;}
.hr-logoarea .logoareadiv .myaccount{ float:left; width:106px; height:32px; margin:38px 0;}
.hr-logoarea .logoareadiv .myaccount .myaccountbtn{ float:left; width:106px; height:32px;background:url('/images/myaccountbtn.png') no-repeat; cursor:pointer; border:none;}
.hr-logoarea .logoareadiv .mycourse{ float:left; width:126px; height:32px; margin:38px 5px;}
.hr-logoarea .logoareadiv .mycourse .mycoursebtn{ float:left; width:126px; height:32px;background:url('/images/mycoursebtn.png') no-repeat; cursor:pointer; border:none;}
/*.hr-logoarea .logoareadiv .hotlinediv{ float:right; width:225px; height:60px;background:url('/images/hotline2.png') no-repeat;margin:20px 0;}*/
.hr-logoarea .logoareadiv .hotlinediv{ float:right; width:225px; height:60px;}

/*导航区*/
.hr-navigatearea{height:52px; background:#2E323D; line-height:52px; font-size:16px;}
.hr-navigatearea .navigateareadiv{width:1200px;margin:0 auto;color:#FFF;}
.hr-navigatearea .navigateareadiv a{ color:#FFF; display:inline-block; width:100px; text-align:center;}
.hr-navigatearea .navigateareadiv a:hover{ text-decoration:none; background:#3C404B; width:100px;font-size:16px;}
.hr-navigatearea .navigateareadiv .navseleted{background:#3C404B;width:100px;font-size:16px;}

/*banner区*/
.hr-banner{ height:340px; background:#E5E5E5;}
.hr-banner .bannerimg1{margin:0 auto;height:340px;}
.hr-banner2{ height:340px; background:#F5F5F5;}
.hr-banner2 .bannerimg2{ margin:0 auto;height:340px;}

/*页面底部*/
.pagefooter { }
.hr-pagerfooter{background:#3c404a; color:#E6E6EB; font-family:'微软雅黑';text-align:left;}
.hr-pagerfooter .pagerfooter_hrbar{ width:1200px; margin:0 auto; padding:33px 0;}
.hr-pagerfooter .pagerfooter_hrbar .logoarea1{ width:150px; height:83px;background:url(images/logo.png) no-repeat; margin-left:60px;}
.hr-pagerfooter .pagerfooter_hrbar .hotline{ margin-left:30px; font-size:28px; font-weight:bold; margin-top:10px;}
.hr-pagerfooter .pagerfooter_hrbar .guidediv{ margin:0px 28px; font-weight:bold;}
.hr-pagerfooter .pagerfooter_hrbar .guidediv .customline{ font-size:14px; padding-left:30px; height:30px; line-height:30px; margin-top:20px;background:url('/images/customline.png') no-repeat left center;}
.hr-pagerfooter .pagerfooter_hrbar .guidediv a{ color:#E6E6EB; margin-top:10px; display:block;}
.hr-pagerfooter .pagerfooter_hrbar .guidediv .qqtalk{ display:block; margin-top:10px;background:url('images/qqtalk.png') no-repeat; width:92px; height:22px;}
.hr-pagerfooter .pagerfooter_hrbar .learningcard{ color:#FFF; font-size:18px; height:48px; width:112px; background:url(images/traineeicon.png) no-repeat 18px 12px #D52C2A; border-radius:5px; line-height:48px; padding-left:69px; margin-bottom:25px; cursor:pointer;}
.hr-pagerfooter .pagerfooter_hrbar .membercard{ color:#FFF; font-size:18px; height:48px; width:112px; background:url(images/vipicon.png) no-repeat 14px 5px #2278CF; border-radius:5px; line-height:48px; padding-left:69px; margin-bottom:25px;cursor:pointer;}
.hr-pagerfooter .pagerfooter_hrbar .qrcode{ width:108px; height:108px; margin-bottom:10px;}
.hr-pagerfooter .pagerfooter_hrbar .qrcode img{ width:108px; height:108px;}
.hr-pagerfooter .pagerfooter_hrbar .qrcodediv{ margin-left:30px; float:right}
.hr-pagerfooter .pagerfooter_hrbar .attentionbtn{ width:210px; height:65px;background:url('images/attention2.png') no-repeat center center; cursor:pointer;}
.hr-pagerfooter .pagerfooter_hrbar .registrationbtn{ width:210px; height:65px;background:url('images/registration.png') no-repeat center center;cursor:pointer; margin-top:10px;}

.hr-pagerfooter .pagerfooterbottom{height:60px; line-height:60px; font-weight:600; background:#2d323d;}
.floatleft { float:left;}
.textcenter { text-align:center;}
.fontsize2 { font-size:16px;}
.qrcodediv{ width:108px;}