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

.w1200 {
    width: 1200px !important;
    min-width: 1200px !important;
    max-width: 1200px !important;
    margin: 0 auto;
}

.mw1200 {
    min-width: 1200px;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

[v-cloak] {
    display: none !important;
}

#jpcgaelbourne a {
    display: block;
    text-decoration: none;
}

#jpcgaelbourne img {
    display: block;
}

#jpcgaelbourne .clearfix {
    overflow: hidden;
    zoom: 1;
}

/* 澳星出国墨尔本 */
#jpcgaelbourne {
    width: 100%;
}

/* banner */
#jpcgaelbourne header {
    width: 100%;
    position: relative;
}

#jpcgaelbourne header img {
    width: 100%;
}

/* 2.21 */
#jpcgaelbourne header div {
    font-size: 70px;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
}


/* navbar导航栏 */
.jpcgaelbournenavbar {
    width: 100%;
    background-color: rgb(20,38,78);
    position: sticky;
    top: 0;
    z-index: 100;
}

/* 2.21 */
.jpcgaelbournenavbar-con {
    padding: 1px 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 120px;
}

.jpcgaelbournenavbar-con a {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1.333;
    cursor: pointer;
    height: 60px;
    background-color: rgb(20,38,78);
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    flex: 1;
}


.jpcgaelbournenavbar-con a:hover {
    background-color: rgb(204, 0, 0) !important;
}

.jpcgaelbournenavbar-con .aclickact {
    background-color: rgb(204, 0, 0) !important;
}


/* 公司介绍 */
.jpcgaelbourneci {
    width: 100%;
    padding-top: 60px;
}

.jpcgaelbourneci-con {
    display: flex;
    height: 380px;
}

.jpcgaelbourneci-conswiper {
    border-radius: 10px;
    width: 740px;
    height: 380px;
    overflow: hidden;
}

.jpcgaelbourneci .el-carousel__button {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background-color: rgb(116, 116, 116);
    opacity: 1 !important;
}

.jpcgaelbourneci .el-carousel__indicator.is-active button {
    background-color: rgb(16, 3, 156) !important;
}

.jpcgaelbourneci .el-carousel__indicator--horizontal {
    padding: 40px 11px !important;
}

.jpcgaelbourneci .el-carousel__arrow {
    width: 40px !important;
    height: 40px !important;
    background-color: rgb(116, 116, 116, 0.8) !important;
}

.jpcgaelbourneci-coninformation {
    width: 500px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 65px;
    box-sizing: border-box;
}

.jpcgaelbourneci-coninformation>div>div:first-child {
    font-size: 24px;
    color: rgb(51, 51, 51);
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.jpcgaelbourneci-coninformation>div>div:nth-child(2) {
    font-size: 24px;
    color: rgb(51, 51, 51);
    text-align: justify;
    display: flex;
    line-height: 1.333;
    margin: 31px 0 23px 0;
}


.jpcgaelbourneci-coninformation>div>div:nth-child(2) p {
    font-size: 24px;
    color: rgb(51, 51, 51);
    margin: 0;
    line-height: 1.333;
    letter-spacing: -1px;
    word-wrap: break-word;
    width: 375px;
}

.jpcgaelbourneci-coninformation>div>div:nth-child(2) p:first-child {
    margin-bottom: 20px;
}

.jpcgaelbourneci-coninformation>div>div:last-child {
    width: 162px;
    height: 52px;
    background-color: rgb(20,38,78);
    box-shadow: -0.488px 6.983px 21px 0px rgba(33, 106, 194, 1);
    font-size: 20px;
    color: rgb(255, 255, 255);  
    line-height: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 26px;
    margin: 42px auto 0 auto;
}
  
/* 澳星视频 */
.jpcgaelbournevideo {
    width: 100%;
    padding-top: 60px;
}

.jpcgaelbournevideo-con {
    height: 388px;
    background: url('../img/jpcgaelbournevideobg.png') center no-repeat;
    background-size: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px 0 104px;
    box-sizing: border-box;
    margin-bottom: 50px;
}

/* 2.21 */
.jpcgaelbournevideo-con div {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    line-height: 1;
}

.jpcgaelbournevideo-con div>div:nth-child(2) {
    font-size: 22px !important;
    line-height: 1.818 !important;
    font-weight: normal !important;
    margin-top: 20px;
    text-align: left;
}

.jpcgaelbournevideo-conright {
    width: 600px;
    height: 320px;
    position: relative;
}

.jpcgaelbournevideo-conright>video {
    width: 100%;
    height: 100%;
}

.jpcgaelbournevideo-conright>img {
    width: 118px;
    height: 105px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
}

.jpcgaelbournevideo-conright>img:hover {
    width: 130px;
    height: 116px;
    transition: all 0.1s linear;
}

/* 活动回顾 */
.jpcgaelbournereviewactivities {
    width: 100%;
    padding-top: 36px;
    background-color: rgb(248, 248, 248);
}

.jpcgaelbournereviewactivities-con {}

.jpcgaelbournereviewactivities-con>img {
    margin: 0 auto;
}

.jpcgaelbournereviewactivities-lists {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 42px 0 50px 0;
}

.jpcgaelbournereviewactivities-item {
    width: 286px;
    background: url('../img/jpcgaelbournereviewactivities1.png') top no-repeat;
    border-radius: 4px;
    padding-top: 205px;
}

.jpcgaelbournereviewactivities-itemcon {
    background-color: white;
    border-radius: 4px;
    width: 100%;
    min-height: 224px;
    position: relative;
}

.itemcontop {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px 0 6px;
}

.itemcontop img {
    width: 90px;
    height: 90px;
    position: relative;
    top: -50px;
}

.itemcontop span {
    font-size: 20px;
    color: rgb(51, 51, 51);
    line-height: 1.5;
    position: relative;
    top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 65px;
}

.itemconc {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.6;
    color: rgb(51, 51, 51);
    position: relative;
    top: -14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.jpcgaelbournereviewactivities-itemcon a {
    border-width: 2px;
    border-color: rgb(83, 82, 82);
    border-style: solid;
    border-radius: 20px;
    width: 123px;
    height: 37px;
    font-size: 20px;
    color: rgb(51, 51, 51);
    text-decoration: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
}

.jpcgaelbournereviewactivities-itemcon a:hover {
    bottom: 30px !important;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.6);
}


/* form表单 */
.jpcgaelbourne-form {
    width: 100%;
    background-color: rgb(20, 38, 78);
}

.jpcgaelbourne-formcon {
    padding: 30px 88px 30px 88px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.formcon-name-ipone {
    font-size: 28px;
    color: rgb(51, 51, 51);
    border-width: 4px;
    border-color: rgb(46, 98, 225);
    border-style: solid;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    width: 300px;
    height: 60px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box;
}
  

.formcon-name-ipone input {
    outline: none;
    border: none;
    width: 184px;
    font-size: 28px;
}

.formconsumbit {
    border-radius: 10px;
    background-color: rgb(46, 98, 225);
    width: 300px;
    height: 60px;
    font-size: 30px;
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}


/* 澳星全球 */
.jpcaustarglobal {
    width: 100%;
}

.jpcaustarglobal-con {
    min-height: 840px;
}

.jpcaustarglobal-con>img:first-child {
    margin: 50px auto 32px auto;
}

.jpcaustarglobalbtn {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 348px;
    box-sizing: border-box;
}

.jpcaustarglobalbtn div {
    border-width: 3px;
    border-color: rgb(131, 129, 131);
    border-style: solid;
    width: 150px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 23px;
    font-size: 20px;
    color: rgb(51, 51, 51);
    cursor: pointer;
}
  

.jpcaustarglobalbtn .divactive {
    color: rgb(255, 255, 255);
    border-color: rgb(23, 42, 136);
    background-color: rgb(20,38,78);
    box-shadow: -0.488px 6.983px 21px 0px rgba(33, 106, 194, 1);
}

.jpcaustarglobal-con>img {
    margin: 42px auto 0 auto;
}
  
/* 海外后续服务 */
.jpcoverseasfollowupService {
    width: 100%;
    background-color: rgb(243, 243, 243);
}

.jpcoverseasfollowupService-con {
    padding: 48px 0 110px 0;
}

.jpcoverseasfollowupService-con>img {
    margin: 0px auto 50px auto;
}

.jpcoverseasfollowupService-connavbar {
    display: flex;
    justify-content: space-between;
}

.jpcoverseasfollowupService-connavbaritem {
    background-color: rgb(255, 255, 255);
    width: 294px;
    height: 73px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    cursor: pointer;
    box-shadow: -0.628px -11.984px 17.22px 3.78px rgba(226, 223, 223, 0.5);
}

.connavbaritemactive {
    background-color: rgb(20,38,78) !important;
    z-index: 2;
    
}

.jpcoverseasfollowupService-connavbaritem>div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jpcoverseasfollowupService-connavbaritem img {
    margin-right: 8px;
    position: relative;
    top: 2px;
    margin-bottom: 0 !important;
}

.jpcoverseasfollowupService-connavbaritem span {
    font-size: 22px;
    color: rgb(51, 51, 51);
    font-weight: bold;
}
  
.spanactive {
    color: rgb(255, 255, 255) !important;
}

.connavbaritemnumshow {
    background-color: rgb(255, 255, 255);
    box-shadow: -0.628px -11.984px 17.22px 3.78px rgba(226, 223, 223, 0.5);
    width: 1200px;
    height: 480px;
}

.connavbaritemnumshowitem1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.connavbaritemnumshowitem1 div {
    width: 374px;
    height: 220px;
    overflow: hidden;
}

.connavbaritemnumshowitem1>div:nth-child(1),
img:nth-child(2),
img:nth-child(3) {
    margin-bottom: 40px;
}

.connavbaritemnumshowitem1 img {
    transform: scale(1);
    transition: all 0.3s linear;
}

.connavbaritemnumshowitem1 img:hover {
    transform: scale(1.1) !important;
}

.connavbaritemnumshowitem2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.connavbaritemnumshowitem2 div {
    width: 225px;
    height: 220px;
    overflow: hidden;
    background-color: rgb(250, 250, 250);
    box-shadow: 0 0  17.22px 5.78px rgba(226, 223, 223, 0.9);
}

.connavbaritemnumshowitem2 img {
    transform: scale(1);
    transition: all 0.2s linear;
}

.connavbaritemnumshowitem2 img:hover {
    transform: scale(1.1) !important;
}

.connavbaritemnumshowitem2>div:nth-child(1),
img:nth-child(2),
img:nth-child(3),
img:nth-child(4),
img:nth-child(5) {
    margin-bottom: 38px;
}

.connavbaritemnumshowitem3,
.connavbaritemnumshowitem4 {
    width: 100%;
}

.connavbaritemnumshowitem3 img {
    width: 100%;
}

.connavbaritemnumshowitem4 img {
    width: 100%;
}