html,
body {
    width: 100%;
    font-family: "Microsoft YaHei" !important;
}

body {
    padding: 0 !important;
}

.el-popup-parent--hidden {
    overflow: auto;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

.w {
    width: 1203px;
    margin: 0 auto;
    min-width: 1227px;
}

.clearFix {
    overflow: hidden;
    zoom: 1;
}

html,
body,
#hrvisa {
    width: 100%;
    font-family: "微软雅黑"
}


/* 来华头部 */
.hr-header {
    width: 100%;
    height: 716px;
    background: url('../img/hr-header.jpg') center no-repeat;
    background-size: cover;
    padding-top: 534px;
    box-sizing: border-box;
}

.hr-header .header-foreword {
    background-color: rgb(26, 39, 135);
    opacity: 0.961;
    width: 979px;
    height: 120px;
    margin: 0 auto;
    line-height: 2.375;
    padding: 20px 52px 0 46px;
    box-sizing: border-box;
    position: relative;
}

.header-foreword>span {
    color: rgb(255, 255, 255);
    font-size: 16px;
    letter-spacing: 0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.header-foreword>a>.el-button {
    position: absolute;
    bottom: 16px;
    right: 70px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    width: 119px;
    height: 44px;
    font-size: 20px;
    color: rgb(235, 6, 6);
    font-weight: bold;
    text-align: center;
    padding: 0;
}

.header-foreword>a>.el-button:hover {
    background-color: rgb(235, 6, 6);
    color: rgb(255, 255, 255);
    border: 0;
}



/* 来华理由 */
.hr-reason {
    width: 100%;
    height: 719px;
    background: url('../img/reason.jpg') center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.hr-reason .reason-title {
    height: 100%;
    padding-top: 54px;
    box-sizing: border-box;
    text-align: center;
}

.reason-title>.t1 {
    font-size: 36px;
    color: rgb(178, 48, 48);
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.reason-title>.t2 {
    font-size: 20px;
    color: rgb(178, 48, 48);
    margin-bottom: 8px;
}

.hr-reason .reason-con {
    width: 100%;
    height: 554px;
    background: url('../img/b.png') no-repeat;
    position: relative;
}

.reason-con .s1 {
    font-size: 20px;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    margin-bottom: 2px;
    display: inline-block;
}

.reason-con .s2 {
    font-size: 19px;
    color: rgb(51, 51, 51);
    line-height: 1.263;
}

.reason-con .s3 {
    font-size: 24px;
    color: rgb(197, 25, 25);
    line-height: 1.263;

}

.reason-con .d1 {
    position: absolute;
    top: 118px;
    left: 55px;
}

.reason-con .d2 {
    width: 298px;
    position: absolute;
    top: 388px;
    left: 80px;
}

.reason-con .d3 {
    position: absolute;
    top: 58px;
    left: 646px;
    text-align: right;
}

.reason-con .d4 {
    width: 244px;
    position: absolute;
    top: 227px;
    left: 857px;
    text-align: right;
}

.reason-con .d5 {
    position: absolute;
    top: 408px;
    left: 816px;
    text-align: right;
}

/* 来华待遇 */
.hr-treatment {
    width: 100%;
    height: 598px;
    background: url('../img/treatment.jpg') no-repeat;
    background-size: cover;
}

.hr-treatment .treatment-w {
    height: 100%;
    overflow: hidden;
}

.hr-treatment .treatment-title {
    padding-top: 54px;
    box-sizing: border-box;
    text-align: center;
}

.treatment-title>.t1 {
    font-size: 36px;
    color: white;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.treatment-title>.t2 {
    font-size: 20px;
    color: white;
    margin-bottom: 8px;
}

.hr-treatment .treatment-con {
    width: 100%;
    height: 416px;
    background: url('../img/treatment1.png') no-repeat;
    position: relative;
}

.treatment-con .s1 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.458;
}

.treatment-con .s2 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.091;
}

.treatment-con .d1 {
    width: 164px;
    text-align: right;
    position: absolute;
    top: 50px;
    left: 51px;
}

.treatment-con .d2 {
    width: 199px;
    text-align: right;
    position: absolute;
    top: 248px;
    left: 223px;
}

.treatment-con .d3 {
    width: 169px;
    text-align: right;
    position: absolute;
    top: 89px;
    left: 554px;
}

.treatment-con .d4 {
    width: 210px;
    text-align: right;
    position: absolute;
    top: 322px;
    left: 680px;
}

.treatment-con .d5 {
    width: 169px;
    text-align: right;
    position: absolute;
    top: 260px;
    left: 1010px;
}


/* 预约from */
.hr-appointment {
    width: 100%;
    height: 162px;
    background: url("../img/form.png") no-repeat;
    background-size: cover;
    overflow: hidden;
}

.hr-appointment .appointment-w {
    height: 100%;
}

.appointment-w .appointment-center {
    width: 100%;
    height: 54px;
    margin: 52px 0 0 62px;
    position: relative;
}

.appointment-w .el-form--inline .el-form-item {
    margin: 0;
    margin-right: 32px;
}

.appointment-w .el-form-item {
    width: 240px;
    height: 54px;
    border-width: 1px;
    border-color: rgb(170, 170, 170);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    padding: 7px 0 0 22px;
    box-sizing: border-box;
    margin-right: 36px !important;
}

.appointment-w .el-form-item__label {
    font-size: 18px;
    color: rgb(68, 68, 68);
}

.appointment-w .el-input__inner {
    border: 0;
    font-size: 18px;
    color: rgba(68, 68, 68, 0.722);
}

.appointment-w .el-input {
    width: 160px !important;
    padding: 0;
}

.el-icon-arrow-up:before {
    content: '';
    background: url(../img/dn.png) no-repeat;
}

.appointment-center>img {
    position: absolute;
    top: 20px;
    left: 755px;
}

.appointment-center .el-button {
    width: 240px;
    height: 54px;
    border: 0;
    border-radius: 10px;
    background-image: -moz-linear-gradient(90deg, rgb(234, 164, 15) 0%, rgb(255, 217, 91) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(234, 164, 15) 0%, rgb(255, 217, 91) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(234, 164, 15) 0%, rgb(255, 217, 91) 100%);
    font-size: 20px;
    color: rgb(178, 48, 48);
    font-weight: bold;
    line-height: 1.8;
    position: relative;
    left: -22px;
    top: -8px;
    padding: 0;
}

.appointment-center select {
    width: 140px;
    height: 40px;
    border: 0;
    outline: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: #ffffff url(../img/dn.png) no-repeat;
    background-position: 118px 12px;
    font-size: 18px;
    color: rgba(68, 68, 68, 0.722);
}

/* 来华申请 */

.hr-apply {
    width: 100%;
    height: 1372px;
    background: url('../img/apply.jpg') no-repeat;
    background-size: cover;
}

.hr-apply .apply-title {
    height: 100%;
    padding-top: 54px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 46px;
}

.apply-title>.t1 {
    font-size: 36px;
    color: rgb(178, 48, 48);
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.apply-title>.t2 {
    font-size: 20px;
    color: rgb(178, 48, 48);
    margin-bottom: 8px;
}

.apply-w .apply-items {
    width: 100%;
    height: 488px;
    display: flex;
    justify-content: space-between;
}

.apply-items>div {
    width: 380px;
    height: 488px;
    background: pink;
    overflow: hidden;
}
.apply-items>div:hover .red{
    display: none;
}
.apply-items>div:hover .blue{
    display: block;
}

.apply-items .item1 {
    background: url(../img/apply1.png) no-repeat;
    background-size: cover;
}

.apply-items .item2 {
    background: url(../img/apply2.png) no-repeat;
    background-size: cover;
}

.apply-items .item3 {
    background: url(../img/apply3.png) no-repeat;
    background-size: cover;
}

.apply-items>div .red {
    width: 380px;
    height: 488px;
    box-sizing: border-box;
    padding-top: 196px;
}

.red .title {
    width: 100%;
    height: 67px;
    padding-top: 9px;
    box-sizing: border-box;
    background-color: rgb(124, 21, 21);
    text-align: center;
}

.red .title .s1 {
    font-size: 48px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 0.729;
    padding-right: 9px;
}

.red .title .s2 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.458;
}

.red .news {
    width: 100%;
    height: 225px;
    background-color: rgb(178, 48, 48);
    line-height: 1.6;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    /* justify-content: center; */
    text-align: justify;
    letter-spacing: 1px;
}
.red .news ul{
    padding: 0;
}
.red .news ul li{
    width: 322px;
    /* list-style-image: url('../img/pont.png'); */
    background: url('../img/pont.png') no-repeat;
    background-position: 20px 8px;
    padding-left: 40px;
}

.red .news ul li {
    padding-bottom: 8px;
}

.apply-items>div .blue {
    width: 380px;
    height: 488px;
    background-color: rgb(30, 43, 95);
    opacity: 0.902;
    padding-top: 25px;
    box-sizing: border-box;
    display: none;
}

.blue .title {
    text-align: center;
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.167;
}

.blue .news ul {
    padding: 0;
}
.blue .news ul li{
    background: url('../img/pont.png') no-repeat;
    background-position: 20px 20px;
    padding-left: 40px;
}
.blue .news ul li {
    font-size: 16px;
    color: rgb(255, 255, 255);
    line-height: 1.6;
    width: 345px;
    padding-top: 12px;
    letter-spacing: 0.5px;
}

.hr-apply .apply-process {
    height: 100%;
    padding-top: 69px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 42px;
}

.apply-process>.t1 {
    font-size: 36px;
    color: rgb(178, 48, 48);
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.apply-process>.t2 {
    font-size: 20px;
    color: rgb(178, 48, 48);
    margin-bottom: 8px;
}

.apply-w .apply-bot {
    width: 100%;
    height: 410px;
    background: url('../img/applybot.png') no-repeat;
    background-size: cover;
    position: relative;
}

.apply-bot>div {
    width: 152px;
    height: 98px;
    color: rgb(255, 255, 255);
    text-align: center;
    position: absolute;
}

.cn {
    font-size: 16px;
    line-height: 1.125;
    margin-bottom: 14px;
}

.en {
    font-size: 15px;
    line-height: 1.2;
}

.pro1 {
    top: 42px;
    left: 68px;
}

.pro2 {
    top: 304px;
    left: 209px;
}

.pro3 {
    top: 64px;
    left: 357px;
}

.pro4 {
    top: 272px;
    left: 510px;
}

.pro5 {
    top: 70px;
    left: 649px;
}

.pro6 {
    top: 288px;
    left: 804px;
}

.pro7 {
    top: 61px;
    left: 942px;
}

/* 澳星 */
.hr-austar {
    width: 100%;
    height: 1378px;
    background: url('../img/austar.jpg') no-repeat;
    background-size: cover;
}

.hr-austar .austar-w {
    height: 100%;
}

.austar-w .austar-title {
    padding-top: 54px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 30px;
}

.austar-title>.t1 {
    font-size: 36px;
    color: white;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.austar-title>.t2 {
    font-size: 20px;
    color: white;
    margin-bottom: 8px;
}

.austar-w .need {
    width: 100%;
    height: 489px;
    background: url('../img/austar1.png') no-repeat;
    background-size: cover;
    position: relative;
}

.ns1 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.458;
}

.ns2 {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1.591;
}

.n1 {
    position: absolute;
    top: 174px;
    left: 0;
    text-align: right;
}

.n2 {
    position: absolute;
    top: 394px;
    left: 27px;
    text-align: right;

}

.n3 {
    position: absolute;
    top: 95px;
    left: 469px;
}

.n4 {
    position: absolute;
    top: 174px;
    right: 0;
    text-align: left;
}

.n5 {
    position: absolute;
    top: 394px;
    right: 82px;
    text-align: left;
}

.austar-w .service {
    width: 100%;
    padding-top: 78px;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 55px;
}

.service>.t1 {
    font-size: 36px;
    color: rgb(178, 48, 48);
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.service>.t2 {
    font-size: 20px;
    color: rgb(178, 48, 48);
    margin-bottom: 8px;
}

.service-news {
    width: 100%;
    height: 391px;
    background: url('../img/service.png') no-repeat;
    background-size: cover;
    position: relative;
}

.se1 {
    font-size: 22px;
    color: rgb(51, 51, 51);
    line-height: 1.591;
}
.se2{
    font-size: 20px;
    color: rgb(51, 51, 51);
	 line-height: 1.263;
}
.se3{
    font-size: 24px;
    color: rgb(178, 48, 48);
    font-weight: bold;
}
.ser1{
    position: absolute;
    top: 3px;
    left: 108px;
    text-align: right;
}
.ser2{
    position: absolute;
    top: 155px;
    left: 80px;
    text-align: right;
}
.ser3{
    position: absolute;
    top: 309px;
    left: 72px;
    text-align: right;
}
.ser4{
    position: absolute;
    top: 3px;
    left: 823px;
    text-align: left;
}
.ser5{
    position: absolute;
    top: 152px;
    left: 896px;
    text-align: left;
}
.ser6{
    position: absolute;
    top: 309px;
    left: 822px;
    text-align: left;
}
.el-message-box__content{
    font-size: 16px !important;
    text-align: center;
}