/* 基准 */

.public{
    max-width: 730px;
    min-width: 320px;
    margin: 0 auto;
}
/* 小方块 */
/* .yi1{
    height: .05rem;
    width: .56rem;
    margin: 0 auto;
    background-color: #e13e92;
} */
.yi2{
    height: .05rem;
    width: .56rem;
    margin: 0 auto;
    background-color: #fff;
}
.adb{
    display: block;
}
/* 标题*/
.bt1{
    font-size: .38rem;
    text-align: center;
}
.bt01{
    font-size: .22rem;
    text-align: center;
    color: #525252;
}
.bt2{
    font-size: .38rem;
    text-align: center;
    color: #fff;
}
.bt02{
    font-size: .22rem;
    text-align: center;
    color: #fff;
}
/* 第一部分 */

.p1_one ul{
    display: flex;
    flex-wrap: wrap;
   

}
.p1_one ul li{
    flex:19%;
    margin: 0 .05rem 0 .05rem ;
    padding: 0 .1rem;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p1_one ul li span{
    flex: 1;
}
.p1_one ul li span:nth-child(1){
    padding-top: .20rem;
}
.p1_one ul li span:nth-child(2){
    font-size: .21rem;
    padding-top: .20rem;
}
.p1_one ul li span:nth-child(3){
    font-size: .18rem;
    color: #969696;
    padding:.20rem 0 .30rem 0;
}

/* 第二部分 */
.dspbg01{
    background: url(../images/p2_bg.jpg)  no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%; 
}

/* 第三部分 */
.dspbg02{
   
        background: url(../images/p3_bg.jpg)  no-repeat;
        -moz-background-size: 100% 100%;  
        -o-background-size: 100% 100%;  
        -webkit-background-size: 100% 100%;  
        background-size: 100% 100%; 
   
}

.c4_cont {
    height: 4.48rem;
    position: relative;
    margin-bottom: .3rem;
}

.c4_cont img {
    display: block;
    margin: 0 auto;
    -webkit-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    -o-animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
    animation: float 5s cubic-bezier(1, 1.01, 0, 0.01) infinite;
}

.c4_cont h5 {
    position: absolute;
    width: 1.3rem;
    height: .58rem;
    font-size: .2rem;
    color: #fff;
    text-align: center;
    left: 50%;
    top: 48%;
    margin: -.36rem 0 0 -.59rem;
    z-index: 5;
}

.c4_cont p {
    width: 1.95rem;
    height: .30rem;
    border-radius: .15rem;
    box-shadow: 0 .02rem .20rem rgba(0, 192, 255, 0.3);
    text-align: center;
    font-size: .16rem;
    line-height: .30rem;
    position: absolute;
    z-index: 5;
}

.c4_cont p.blue {
    background: #0367cc;
    color: #fff;
}

.c4_cont p.yellow {
    background: #f8f51d;
    color: #082246;
}

.c4_cont p.white {
    background: #fff;
    color: #082246;
}

.c4_cont p:nth-child(2) {
    left: 1.80rem;
    top: 3.30rem;
}

.c4_cont p:nth-child(3) {
    left: .63rem;
    top: 2.00rem;
}

.c4_cont p:nth-child(4) {
    left: .90rem;
    top: .79rem;
}

.c4_cont p:nth-child(5) {
    left: .90rem;
    top: 2.80rem;
}

.c4_cont p:nth-child(6) {
    left: .50rem;
    top: 3.75rem;
}

.c4_cont p:nth-child(7) {
    left: 5.05rem;
    top: .88rem;
}

.c4_cont p:nth-child(8) {
    left: 4.93rem;
    top: 1.88rem;
}

.c4_cont p:nth-child(9) {
    left: 4.71rem;
    top: 2.53rem;
}

.c4_cont p:nth-child(10) {
    left: 4rem;
    top: 3.55rem;
}


@-webkit-keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes float {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale2 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    75% {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.scale2 {
    -webkit-animation: scale2 5s linear infinite alternate;
    -o-animation: scale2 5s linear infinite alternate;
    animation: scale2 5s linear infinite alternate;
}


.two ul{
    display: flex;
    margin: 0 .9rem 0 .9rem;
}
.two ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 7%;
    
}
.two ul li span{
    flex: 1;
    width: 100%;
    text-align: center;
    background-color:#f0f0f0;
    font-size: .18rem;
}
.two ul li span:nth-child(3){
  color: #c6c6c6;
   padding-bottom: .1rem;
}
.two ul li span:nth-child(2){
    padding-top: .1rem;
    font-size: .3rem;
 }
.wenzi{
    font-size: .2rem;
    text-align: center;
    color: #525252;
    padding: 0 .15rem;
    line-height: .4rem;
    padding-top: .1rem;

}

/* 三点条件要求 */
.ask{
    background-color: #fff;
    border-bottom: #f04d73 .02rem solid;
}

.ask ul{
    display: flex;
    padding : .2rem .08rem .08rem .08rem;
    flex-wrap: wrap;
}
.ask ul li{
    flex: 30%;
    margin: 0 .05rem .1rem .05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ask ul li span{
    flex: 1;
}
.ask ul li span:nth-child(1) img{
    display: block;
    height: .46rem;
    width: .66rem;
   
}
.ask ul li span:nth-child(2){
    font-size: .22rem;
    padding: .1rem 0 0 0 ;
}
.ask ul li span:nth-child(3){
    font-size: .27rem;
    font-weight: 700;
   color: #f04d73;
}






/* 点击咨询按钮样式 */
.zixun{
    display: inline-block;
    height: .65rem;
    line-height: .65rem;
    border-radius: .35rem;
    padding: 0 .39rem;
    text-align: center;
    font-size: .23rem;
    font-weight: 700;
    color: #fff;
    background-color: #f04d73;
    margin-left: 50%;
    transform: translateX(-50%);

   
}
/* 课程课题部分 */
.kt{
   
}
.contents{
    position: relative;
    width: 84%;
    margin: 0 auto;
    padding: .6rem .2rem .7rem .3rem;
    border: .02rem #333 solid;
}
.c_zi{
    font-size: .22rem;
    line-height: .36rem;
    color: #333;

}
/* 两个定位的模块 */
.class{
    position: absolute;
    left: .3rem;
    top: -.31rem;
    font-size: .32rem;
    color: #333;
    background-color: #fff;
    width: 2rem;
    height:.6rem;
    text-align: center;
    line-height: .6rem;
}
.task{
    position: absolute;
    right: -.15rem;
    bottom: -.39rem;
    width: 2.7rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 10px;
    font-size: .25rem;
    background-color: #f04d73;
    color: #fff;
    
}
/* 教师团队 */
.dspbg03{
    background-color: #e8e8e8;
}
.p7_one ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0 .05rem;
   

}
.p7_one ul li{
    flex:19%;
    margin: 0 .05rem 0 .05rem ;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p7_one ul li span{
    flex: 1;
}
.p7_one ul li span:nth-child(1){
    padding-top: .2rem;
}
.p7_one ul li span:nth-child(2){
    font-size: .22rem;
    padding-top: .4rem;
}
.p7_one ul li span:nth-child(3){
    font-size: .19rem;
    color: #969696;
    padding: .4rem .26rem .2rem .26rem;
}


/* 第七部分 */
.seven ul{
    display: flex;
    flex-wrap: wrap;
    margin-right: .18rem;
}
.seven ul li{
    flex:40%;
    margin: .1rem .02rem .1rem .18rem ;
    display: flex;
    flex-direction: column;
   align-items: center;
}
.seven ul li span{
    flex: 1;
}
.seven ul li span:nth-child(2){
    font-size: .2rem;
    padding-top: .2rem;
}
/* 多重就业服务banner */
.wrap {
    width: 84%;
    margin: 0 auto;
}

.wrap .list .item ul {
    display: flex;
    flex-wrap: wrap;
}
.wrap .list .item ul li{
    flex: 20%;
    margin: .06rem;
}
/* 表格部分 */
.form{
    background-color: #fbb601;
    width: 95%;
    margin: 0 auto;
    border-radius: 0.1rem;
}
.tb{
    background-color:#efefef ;
    width: 96%;
    margin: 0 auto;
    padding: .3rem .1rem;
   
}
.th{
    width: 100%;
    margin: 0 auto;
    font-size: .22rem;
    font-weight: 700;
}
.tb01{
    font-size: .2rem;
}

.form tr {
    width: 96%;
    height: .5rem;
    border-bottom: .01rem #333 solid;
    padding: 0 .10rem;
}
.form tbody tr td{
    border-bottom: .01rem #333 solid;
}
.tbfoot{
    background-color: #efefef;
    width: 96%;
    margin: 0 auto;
    font-size: .33rem;
    font-weight: 700;
    text-align: center;
    border-radius: 0 0 .1rem .1rem;
}
.tbfoot a{
    color: black;
}
/* 第十部分 */
.ten ul{
    display: flex;
    margin: 0 .08rem .08rem;
    flex-wrap: wrap;
}
.ten ul li{
    flex: 30%;
    margin: 0 .05rem .1rem .05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ten ul li span{
    flex: 1;
}
.ten ul li span:nth-child(2){
    font-size: .15rem;
    padding-top: .15rem;
}
/* 第十一部分 */
.bgc{
    background: url(../images/uibgc.jpg)  no-repeat;
    -moz-background-size: 100% 100%;  
    -o-background-size: 100% 100%;  
    -webkit-background-size: 100% 100%;  
    background-size: 100% 100%;  
    height: 4.13rem;
    color: #fff;
    font-size: .3rem;
    font-weight: 700;
    padding: .6rem 1.6rem  0 .4rem;
}
.last{
   
    background-color: #f04d73;
    padding: .25rem .2rem .35rem .2rem;
}
/* 教师banner和多重就业服务banner样式 */
.list1,
.list {
    height:3.5rem ;
    position: relative;
}

.item1,
.item {
    position: absolute;
    opacity: 0;
    transition: all .8s;
}


.item1.active,
.item.active {
    opacity: 1;
}

.pointList{
    margin-left: 40%;
}
.pointList1{
    margin-left: 47%;
    margin-top: 1.25rem;

}

.point1,
.point{
    width: .1rem;
    height: .1rem;
    background-color: rgba(0,0,0,.4);
    border-radius: 100%;
    float: left;
    margin-right: .18rem;
    border-style: solid;
    border-width: .02rem;
    border-color: rgba(255,255,255,.6);
}
.point.active{
    background-color:black;
}
.point1.active{
    background-color:black;

}