/* 瀹炰範鐢熸嫑鑱 */
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    
}
/* 10梅16=62.5% */
html {
    font-size: 62.5%; 
    color: #727171;
}
/* 12梅10=1.2 */
body {
    font-size: 14px;
    font-size: 1.4rem;
}

p {
    font-size: 14px;
    font-size: 1.4rem;
}
html,body{
    min-width: 300px;
}
img {
    display: block;
    width: 100%;
    border: none;
    vertical-align: middle;
}
a {
    text-decoration: none;
}

.top{
    padding: 2rem 17.5%;
    /* background: tomato; */
}
.top .bag{
    display: flex;
    justify-content: space-between;
}

/* 瀵艰埅鏍 nav */
.nav{
    padding: 0 17.5%;
    background: #00479b;
    position: relative;
    z-index: 999999;
}
.nav .nav-list{
    position: absolute;
    top:1px;
    right: 0;
    background: #68a4d9;
    display: none;
    z-index: 999;
    padding: 0;
}
.nav .nav-list a{
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #a0c7ea;
}
.nav .nav-a{
    position: relative;
    padding: 1.7rem 0;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all 1s;
}
.nav .nav-a:hover {
    background: #55a6ef;
    opacity: 0.8;
    color:#fff;
}
.nav .nav-a .nav-slide{
    position: absolute;
    width: 100%;
    top: 100%;
    z-index: 9999;
    display: none;


}
.nav .nav-a .nav-slide a{
    display: block;
    text-decoration: none;
    padding: 2rem 0;
    width: 100%;
    color: #fff;
    background: #89bded;

}
.nav .nav-a .nav-slide a:hover {
    background: #55a6ef;
    color: #fff;
}

/* 涓诲浘 */
.master-map{
    /* background: url(../img/students-jobs/PC/masterMapPC.jpg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 564px; */
    background: #00479b;
    
}
.ditu {
    position: relative;
}

.ditu .con {
    position: absolute;
    top: 24%;
    left: 17%;
}

.ditu .con p {
    font-size: 3.6rem;
    color: #55a6ef;
    width: 300px;
    letter-spacing: 2px;
}

.ditu .con p:nth-child(2) {
    margin-left: 20%;
}



/* 鍐呭灞 content */
.content {
    padding: 0 16.75%;
    /* background: #00479b; */
    position: relative;
  z-index:9;
}
.content .content-background{
    background: url(/img/backgroundPC.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -9%;
    padding-top: 8rem;
    padding-left: 3%;
    padding-right: 3%;
}

.content .content-background p{
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #727171;
}

/* 鍐呭灞備笅鐨勫浘 contentTu */

.content .contentTu-img{
    padding: 3.2rem 3%;
}

/* 鏁翠綋瀹夋帓 */
.arrange{
   padding: 3.2rem 21%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrange .arrange-img{
    width: 36%;
}

.arrange-box{
    padding: 3.2rem 21%;
}
.arrange-box .arrange-item{
    /* background: #00479b; */
    width: 23.5%;
    margin-right: 2%;
    padding: 0;
}
.arrange-box .arrange-item:last-child{
 margin-right: 0;
}
.arrange-box .arrange-item .arrange-item-T{
    width: 100%;
    padding: 1.6rem 0;
    text-align: center;
    background: #3fa1ba;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
}


.arrange-box .arrange-item .arrange-item-i{
    width: 100%;
    padding: 0.4rem 0;
    text-align: center;
    background: #f4f5f5;
}


/* 瀹炰範宀椾綅 jobs */

.jobs{
   padding: 3.2rem 21%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #efefef;
}
.jobs .jobs-img{
    width: 18%;
}

.jobs-table{
   padding: 3.2rem 21%;
    text-align: center;
    background: #efefef;
}
.jobs-table tr:nth-child(odd){
    background: white;
}
.jobs-table tr td {
    /*width: 30%;*/
    padding: 1.2rem 0.2rem;
    border-right: 2px solid #fff;
}

.jobs-table tr td:nth-child(3n+0) {
    border:0;
}
.jobs-table tr th{
    text-align: center;
    width: 20%;
    font-size: 1.6rem;
    padding: 1.6rem 0;
    background: #fff;
    border-top: 3px solid #0f4991;
}
.jobs-table tr th:nth-child(2) {
    width: 10%;
}
.jobs-table tr th:nth-child(3) {
    width: 20%;
}
.jobs-table tr th:nth-child(4) {
    width: 30%;
}
.jobs-table tr th:nth-child(5) {
    width: 10%;
}
.jobs-table tr th:nth-child(6) {
    width: 10%;
}

.jobs-table table{
    width: 100%;
}

/* 瀹炰範瀵硅薄 */

.object {
   padding: 3.2rem 21%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #efefef;
}

.object .object-img {
    width: 28%;
}

.object-content{
    padding: 2rem 21%;
    background: #efefef;
    padding-bottom: 6rem;
}
.enter{
   padding: 3.2rem 21%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.enter .enter-click {
    width: 20%;
    height: 5rem;
    border-radius: 30px;
    background: #104991;
    margin-top: -6.3rem;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 5rem;
    cursor: pointer;
    /* z-index: 999; */
}
    .enter .enter-click:hover {
        background: #55a6ef;
    }
.object-content p{
    text-align: center;
    font-weight: 700;
    background: #fff;
}
.object-content p:nth-child(2) {
    text-align: center;
    
}

/* 瀹炰範鐢熸劅鎮熸敹鑾 reap */
.reap{
   padding: 3.2rem 21%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reap .reap-img{
    width: 40%;
}
.reap-xian{
    padding: 2rem 18.75%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 瀹炰範鐢熸劅鎮熻疆鎾 */
.reap-banner{
   padding: 3.2rem 21%;
}
.reap-banner swiper-container{
    width: 100%;
}
.reap-banner .swiper-container .swiper-slide{
    position: relative;
}


.reap-banner .swiper-container .swiper-slide .swiper-slide-img {
    width: 100%;
}
.reap-banner .swiper-container .swiper-slide .swiper-slide-tips p {
    padding: 3rem 0.2rem;
    text-align: justify;
    text-justify: inter-ideograph;
}

/* 鍦ㄦ墜鏈虹鏄剧ず鐨勫疄涔犵敓鎰熸偀 feel */

.feel{
    padding: 2rem 5%;
}
.feel .feel-item{
    width: 48%;
    /* height: 32rem; */
    /* background: violet; */
    padding: 0;
    overflow: hidden;
}

.feel .feel-item:nth-child(2n+0) {
    margin-left: 4%;
}

.feel .feel-item .feel-item-img{
    width: 100%;
}
.feel .feel-item .feel-item-tips p {
    padding: 2rem 0.1rem;
    text-align: justify;
    text-justify: inter-ideograph;
}

/* 鏌ョ湅鏇村 more */

.more{
   padding: 3.2rem 21%;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.more .more-click{
    width: 50%;
    height: 3.6rem;
    border-radius: 30px;
    background: #fff;
    margin-top: -5.6rem;
    text-align: center;
    color: #104991;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 3.6rem;
    border: 1px solid #104991;
}
.none{
    display: none;
}


/* 娲诲姩灞曠ず activity */

.activity-banner{

    padding-bottom: 4rem;
    padding-top: 3rem;
    padding-left: 18.75%;
    padding-right: 18.75%;
}
#swiper2 .swiper-pagination {
    position: relative;
    top: 80%;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

#swiper2 .swiper-slide{
    position: relative;
}

#swiper2 .swiper-slide .con{
    position: absolute;
    bottom: 0;
    background: black;
    width: 100%;
    color: #fff;
    opacity: 0.6;
    font-size: 1.2rem;
}
#swiper2 .swiper-slide .con p{
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding-top: 0.6rem;
    color: #fff;
}
#swiper2 .swiper-slide .con p:nth-child(2) {
    text-align: justify;
    padding: 0.6rem 0.9rem;
    margin: 0;
    font-weight: 200;
    color: #fff;
}

#swiper2 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #007aff;
    width: 20px !important;
    height: 8px !important;
    border-radius: 5px !important;
    transition: all 1s !important;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    /* background-image: url(../img/students-jobs/PC/left.png); */
    left: 13px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    /* background-image: url(../img/students-jobs/PC/right.png); */
    right: 10px;
    left: auto;
}

/* 灏忓睆骞 */
@media only screen and (max-width: 768px) {

    html,body{
        color: #727171;
    }
    .top {
        padding: 1.5rem 5%;
        background: #00479b;
        position: fixed;
        z-index: 99999;
    }
    .top .nav-list{
        width: 43%;
        position: absolute;
        top:100%;
        background: #68a4d9;
        right: 0;
        z-index: 99999;
        padding: 0;
        display: none;
    }
    .top .nav-list a{
        display: block;
        padding: 1rem 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        border-bottom: 1px solid #a0c7ea;
    }
    .master-map {
        /* margin-top: 20%; */
    }
        .ditu .con {
            position: absolute;
            top: 24%;
            left: 5%;
        }

        .ditu .con p {
            font-size: 1.6rem;
            color: #55a6ef;
            width: 300px;
            letter-spacing: 2px;
        }

        .ditu .con p:nth-child(2) {
            margin-left: 20%;
        }
    .content {
        padding: 0 2%;
        /* background: #00479b; */
        position: relative;
    }
    .content .content-background {
        padding-top: 3rem;
    }
    .content .content-background p {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8em;
        letter-spacing:0.2rem;
    }
    .content .content-background .content-xs-p {
        padding-left: 2%;
        padding-right: 2%;
        line-height: 1.9;
    }


    .content .contentTu-img {
        padding: 2rem 0;
    }

    .arrange-box {
        padding: 2rem 5%;
    }

    .arrange {
        padding: 2rem 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .arrange .arrange-img {
        width: 76%;
    }

    .arrange-box .arrange-item {
        background: #00479b;
        width: 48%;
        margin-right: 4%;
        padding: 0;
    }
    .arrange-box .arrange-item:nth-child(2n+0) {
        margin-right: 0;
    }

    .arrange-box .arrange-item:nth-child(1) {
        margin-bottom: 3%;
    }
    .arrange-box .arrange-item:nth-child(3) {
        margin-bottom: 3%;
    }

    .jobs .jobs-img {
        width: 46%;
    }
    .jobs-table {
        padding: 1.1rem 5%;
    }
    .object{
        padding: 2rem 15%;
    }

    .object .object-img {
        width: 72%;
    }
    .object-content {
        padding-top: 2rem;
        padding-bottom: 4rem;
        padding-right: 5%;
        padding-left: 5%;
    }

    .enter .enter-click {
        width: 50%;
        height: 3.6rem;
        border-radius: 30px;
        background: #104991;
        margin-top: -6.3rem;
        text-align: center;
        color: #fff;
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 3.6rem;
        z-index: 999;
    }


    .reap {
        padding: 2rem 5%;
    }

    .reap .reap-img {
        width: 68%;
    }

    .reap-xian {
        padding-top: 2rem;
        padding-bottom: 0;
        padding-left: 5%;
        padding-right: 5%;
    }


    .activity-banner {
        padding: 2rem 5%;
    }

    #swiper2 .swiper-button-next,
    .swiper-button-prev{
        display: none;
    }
    #swiper2 .swiper-slide .con p:nth-child(2) {
        color: #fff;
    }

}

/* 澶у睆骞  鏈€灏?68 --- */
@media only screen and (min-width: 768px) {
        .more{
            display: none;
        }
        .nav-list{
            display: none;
        }
}
@media only screen and (min-width: 768px) and (max-width:1200px) {

    .ditu .con {
        position: absolute;
        top: 20%;
        left: 16%;
    }

    .ditu .con p {
        font-size: 1.6rem;
        color: #55a6ef;
        width: 300px;
        letter-spacing: 2px;
    }

    .ditu .con p:nth-child(2) {
        margin-left: 15%;
    }

}
/* 瓒呭ぇ灞忓箷 澶т簬1980*/
@media only screen and (min-width: 1980px) {

    html {
        font-size: 120% !important;
    }
    .master-map {
        /* height: 1000px; */
    }

    .content .content-background p {
        text-align: center;
        font-size: 1.6rem;
        line-height: 1.8em;
    }
    .reap-xian-img {
        width: 120%;
    }



}
/* 涓睆 */
@media only screen and (max-width: 1168px) and (min-width: 768px) {
     .content .content-background {
         /* margin-top: -90px; */
         padding-top: 3rem;
         padding-left: 5%;
         padding-right: 5%;
     }
     .master-map {
         /* height: 375px; */
     }
 }