/* 基准 */

.public{
    max-width: 730px;
    min-width: 320px;
    margin: 0 auto;
}
/* 小方块 */
.yi1{
    height: .05rem;
    width: .56rem;
    margin: 0 auto;
    background-color: #28b28b;
}
.yi2{
    height: .05rem;
    width: .56rem;
    margin: 0 auto;
    background-color: #fff;
}
.adb{
    display: block;
}
/* 标题*/
.bt1{
    font-size: 7.38rem;
    text-align: center;
}
.bt01{
    font-size: 5.22rem;
    text-align: center;
    color: #525252;
}
.bt2{
    font-size: 7.38rem;
    text-align: center;
    color: #fff;
}
.bt02{
    font-size: 4.22rem;
    text-align: center;
    color: #fff;
    margin-bottom: 5rem;
}
/* 第一部分 */
.one ul{
    display: flex;
    margin: 0 .08rem .08rem;
    flex-wrap: wrap;
}
.one ul li{
    flex: 40%;
    margin: 0 .07rem .1rem .07rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.one ul li span{
    flex: 1;
}
.one ul li span:nth-child(2){
    height: 9.4rem;
    width: 100%;
    font-size: 4.2rem;
    color: #fff;
    text-align: center;
    line-height: 6rem;
    background-color: rgba(49, 47, 45, 0.5);
    margin-top: -6rem;
    /* margin: -6rem 5rem 1rem 5rem; */
    margin-bottom: 1rem;
    display: block;
}
/* 老师部分样式 */
.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: #f3f3f3;
    border-bottom: #28b28b .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: 10rem;
    width: 14rem;

}
.ask ul li span:nth-child(2){
    font-size: 6rem;
    padding: 3rem 0;
}
.ask ul li span:nth-child(3){
    font-size: 4rem;
    font-weight: 700;
    color: #28b28b;
}


/* 点击咨询按钮样式 */
.zixun{
    width: 45rem;
    display: block;
    height: 10rem;
    line-height: 14erm !important;
    border-radius: 9rem;
    padding: 0 5rem;
    padding-top: 3rem;
    text-align: center;
    font-size: 4.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #ffa100;
    margin: 8rem auto;

}
/* 课程课题部分 */
.kt{
    padding-bottom: 3rem;
    background-color: #28b28b;
    margin-bottom: 10rem;
}
.contents{
    position: relative;
    width: 84%;
    margin: 12rem auto;
    padding: 3.6rem 3.2rem 2.7rem 2.3rem;
    border: 0.5rem #fff solid;
}
.c_zi{
    font-size: 4rem;
    line-height: 7rem;
    color: #fff;
    margin-top: 2rem;
}
.c_zi span{
    padding-left: .89rem;
    font-size: .19rem;
}
/* 两个定位的模块 */
.class{
    position: absolute;
    left: 4rem;
    top: -3.31rem;
    font-size: 5.32rem;
    color: #fff;
    background-color: #28b28b;
    width: 25rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
}
.task{
    position: absolute;
    right: -3rem;
    bottom: -4rem;
    width: 35rem;
    height: 14rem;
    text-align: center;
    line-height: 14rem;
    border-radius: 2rem;
    font-size: 3rem;
    background-color: #fff;
    color: #28b28b;

}

.fr{
    width: 32rem !important;
}

.task span{
    font-size: 8rem !important;
}



/* 第七部分 */
.seven ul{
    display: flex;
    flex-wrap: wrap;
    margin-right: .18rem;
}
.seven ul li{
    flex: 40%;
    margin: 1.1rem 1.02rem 1.1rem 1.18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.seven ul li span{
    flex: 1;
}
.seven ul li span:nth-child(2){
    font-size: 4.2rem;
    padding-top: 2.2rem;
}



/* 学生作品 */

/*  */
/* 证书 */
.eight{
    background: url(../images/bgc001.png) no-repeat;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.zs{
    display: flex;
}
.zs li{
    flex:46%;
    margin: 0 10px !important ;
}


/* 多重就业服务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: #28b28b;
    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: 1px #333 solid;
    padding: 0 10px;
}
.form tbody tr td{
    border-bottom: 1px #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;
    flex-wrap: wrap;
}
.ten ul li{
    flex: 30%;
    margin: 0 1.05rem 1.1rem 1.05rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ten ul li span{
    flex: 1;
}
.ten ul li span:nth-child(2){
    font-size: 3rem;
    padding-top: 1.5rem;
}
/* 第十一部分 */
.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: #28b28b;
    padding: .25rem .2rem .35rem .2rem;
}


/* 教师banner和多重就业服务banner样式 */

.list {
    height:3.5rem ;
    position: relative;
}
.list1{
    position: relative;
    width: 100%;
    height: 70rem;
    overflow: hidden;
}
.item1,
.item {
    position: absolute;
    opacity: 0;
    transition: all .8s;
}
.list1 img {
    width: 100% !important;
    height: 100% !important;
}
.item1{
    width: 100%;
}
.item1.active,
.item.active {
    opacity: 1;
}
.pointList{
    margin-left: 40%;
}
.pointList1{
    margin-left: 45%;
    margin-top: 1.2rem;
}
.point1,
.point{
    width: .1rem;
    height: .1rem;
    background-color: rgba(0,0,0,.4);
    border-radius: 100%;
    float: left;
    margin-right: 18px;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255,255,255,.6);
}
.point.active{
    background-color:black;
}
.point1.active{
    background-color:black;

}