@charset "utf-8";
*{padding:0;margin:0;box-sizing: border-box;}
html,body{height:100%;}
body{position:relative;line-height:1; font-size:12px; font-family:"微软雅黑","",Arial;background:#ffffff;}
ul,ol{list-style: none}
img { border: 0;}
a{text-decoration: none;color:#333;}
.wrap a{display: inline-block;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;
}
.wrap{
    width: 1200px;
    margin: 0 auto;
    clear: both;
}
/*================== header =====================*/
.logo_box > a{
    display: inline-block;
    width:305px;
    height:76px;
    background: url('../images/knowbg_img/hr_bglogo.png') no-repeat center;
}
.nomal_head{
    position: relative;
    background: #ec7612;
    height:50px;
    z-index:2;
}
.nomal_head .menu > ul > li {
    position: relative;
    float: left;
    height: 50px;
    line-height: 50px;
    /*margin-right: 40px;*/
}
.nomal_head .menu > ul > li.language_btn{
    float: right;
}
.nomal_head .menu > ul > li:nth-of-type(1){
    margin-left: -20px;
}
/*.nomal_head .menu > ul > li:hover,
.nomal_head .menu > ul > li.language_btn > a:hover{
    background:#ee872f;
}*/
.nomal_head .menu > ul > li:hover{
    background:#ee872f;
}
.nomal_head .menu > ul > li.language_btn:hover{
    background:none;
}
.nomal_head .menu > ul > li > a{
    color: #fff;
    font-size: 14px;
    padding: 0px 20px;
}
.nomal_head .menu > ul > li.language_btn > a{
    padding:0px;
    font-size: 12px;
}
.cn .nomal_head  .menu li a.language_btn_en, .en .nomal_head  .menu li a.language_btn_cn{
    color:#ffd9b4;
}

li.language_btn .span_line{
    color: #fff;
}
.nomal_head .menu > ul > li > ul{
    width:100%;
    display:none;
    position:absolute;
    padding:6px 0px;
    /*background:#ffffff;*/
    background:#ee872f;
    white-space: nowrap;
    box-shadow: .5px .5px 2px #ddd;
}
.nomal_head .menu > ul > li:hover > ul{
    display: block;
}
.nomal_head .menu > ul > li > ul > li{
    padding:0px 20px;
    line-height: 36px;
}
.nomal_head .menu > ul > li > ul > li > a{
    /*color: #666666;*/
    color:#fff;
}
.nomal_head .menu > ul > li > ul > li:hover{
    /*!*background: #eeeeee;*!#EE8F42*/
    /*background-color: rgba(238,135,47,0.1);*/
    background-color: rgba(236,188,133,0.3);
}
/*.nomal_head .menu > ul > li > ul > li:hover a{
    color: #333333;
}*/
/*================== end header =====================*/

/*================== footer =====================*/
.foot_box{
    background:#222;
}
.bottom_full{
    height:50px;
    position: relative;
    bottom: 0px;
}
.bottom_full .foot_copy {
    color: #4d4d4d;
    font-size: 12px;
    line-height: 50px;
}
.bottom_full .foot_copy a {
    color: #4d4d4d;
}
.bottom_full .foot_copy a:hover {
    color: #808080;
    text-decoration: underline;
}
.bottom_full .foot_copy > span {
    position: relative;
    padding-left: 24px;
    margin-left: 15px; 
}
.bottom_full .foot_copy > span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 18px;
    height: 20px;
    background: url("../images/new_images/icon.png") no-repeat -70px -93px;
}
.bottom_full .foot_share{
    float: right;
}
.social-links-item{float:right;width:270px;}
.bottom_full .bdshare-button-style0-16 a{
    display: inline-block;
    width:20px;
    float: left;
    font-size: 12px;
    line-height: 50px;
    height: 50px;
    background-image: url(../images/hr_icon.png);
    background-repeat: no-repeat;
    cursor: pointer;
    /*margin: 0px 20px 0px 0px;*/
    margin: 0px 0px 0px 20px;
    padding-left: 0px;
}
.bottom_full .bdshare-button-style0-16 .bds_qzone {
    background-position: -27px -43px;
}
.bottom_full .bdshare-button-style0-16 .bds_weixin {
    background-position: -66px -43px;
}
.bottom_full .bdshare-button-style0-16 .bds_tsina {
    background-position: -106px -43px;
}
.bottom_full .bdshare-button-style0-16 a.bds_fbook {
    width:12px;
    background-position: -146px -43px;
}
.bottom_full .bdshare-button-style0-16 .bds_twi {
    background-position: -176px -43px;
}
.bottom_full .bdshare-button-style0-16 .bds_linkedin {
    background-position: -213px -43px;
}
.bottom_full .bdshare-button-style0-16 a.bds_more{
    width:16px;
    background-position: -251px -45px;
}
.bottom_full .bdshare-button-style0-16 .bds_qzone:hover{
    background-position: -27px 0px;
}
.bottom_full .bdshare-button-style0-16 .bds_weixin:hover {
    background-position: -66px 0px;
}
.bottom_full .bdshare-button-style0-16 .bds_tsina:hover {
    background-position: -106px 0px;
}
.bottom_full .bdshare-button-style0-16 a.bds_fbook:hover{
    background-position: -146px 0px;
}
.bottom_full .bdshare-button-style0-16 .bds_twi:hover {
    background-position: -176px 0px;
}
.bottom_full .bdshare-button-style0-16 .bds_linkedin:hover {
    background-position: -213px 0px;
}
.bottom_full .bdshare-button-style0-16 a.bds_more:hover{
    background-position: -251px 0px;
}
.cn .bdshare_popup_bg,.cn .bdshare_popup_box,.en .bdshare_popup_bg,.en .bdshare_popup_box{
/*    right: 18.5% !important;
    left: auto!important;*/
}
/*================== end footer =====================*/

/*icon*/
.hr_arrow{
    display: inline-block;
    padding-left: 16px;
    width: 10px;
    height: 6px;
    position: relative;
    top: -1px;
    right: 0px;
}
.hr_arrow::before,
.hr_arrow::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 6px;
    background-color: #fff;
}
.hr_arrow::before{
    right: 2px;
    -webkit-transform: skew(140deg, 0deg);
    -ms-transform: skew(140deg, 0deg);
    transform: skew(140deg, 0deg);
}
.hr_arrow::after{
    right: 6px;
    -webkit-transform: skew(-140deg, 0deg);
    -ms-transform: skew(-140deg, 0deg);
    transform: skew(-140deg, 0deg);
}
.arrow_toRight{
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 	/* IE 9 */
    -moz-transform:rotate(-90deg); 	/* Firefox */
    -webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
    -o-transform:rotate(-90deg); 	/* Opera */
}
.arrow_toLeft{
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */
}