* {
    margin: 0;
    padding: 0;
}

.nav {
    width: 19.2rem;
    font-size: 0.2rem;
    display: flex;
    justify-content: space-around;
    /* position: fixed;
    top: 0; */
    z-index: 5;
    background-image: url(/2025/img/public/navbg.avif);
    background-size: contain;
    /* background-size: 100px; */
}

.nav .logo {
    width: 4.0rem;
    z-index: 3;
}

.head_swiper {
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.head_swiper img {
    width: 100%;
    height: 100%;
}

.nav .logo .logobox {
    width: 5.0rem;
    display: flex;
    justify-content: center;
}

.nav .logo .logobox img {
    background: #fff;
    width: 3.5rem;
    padding: 0.1rem 0.1rem;
    box-shadow: 0px 10px 17px #bebebe;
}

.nav .navpart {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.nav .navpart .homenav .homenavv {
    width: 15.5rem;
    display: flex;
    float: right;
    height: 0.52rem;
    justify-content: center;
}

.nav .navpart .webnav {
    width: 15.5rem;
    display: flex;
    float: right;
}

.nav .navpart .webnav .webnavv {
    width: 15.5rem;
    display: flex;
    float: right;
    height: 0.52rem;
    justify-content: center;
}

.webnavbox {
    display: flex;
    justify-content: center;
    align-items: center;
}

.webnavbox .webp img {
    width: 0.3rem;
    margin-right: 0.08rem;
}

.webnavbox .homep a img {
    width: 0.15rem;
    margin-right: 0.08rem;
    margin-top: 0.05rem;
}

.webnavbox .webp {
    border-left: 0.01rem solid #fff;
    color: #fff;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
}

.webnavbox .webp a {
    color: #fff;
    display: flex;
    align-items: center;
}

.webnavbox .homep a {
    color: #000;
    padding: 0px 0.2rem;
    display: flex;
    align-items: center;
}

.webnav .webnavbox:nth-child(1) .webp {
    border: none;
}

/*首屏轮播*/
.firstSwiper {
    width: 19.2rem;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    /* margin-top: 1.05rem; */
}

.firstSwiper img {
    width: 100%;
}

.firstSwiper video {
    width: 100%;
}

.first {
    width: 19.2rem;
}

.first img {
    width: 100%;
    display: flex;
}

/*轮播图下方三图片*/
.three {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.3rem;
}

.threepic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*汽车教育*/
.carteach {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

/*汽车教育 热门专业*/
.hotpro {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.protitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.propic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*实训设备—新能源汽车*/
.newpower {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.newtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.newpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*实训设备—混合动力汽车*/
.mixpower {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.mixtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.mixpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*实训设备——汽车电机*/
.auto {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.autotitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.autopic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*实训基地*/
.base {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.basetitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.basepic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*新能源系统实训室配置*/
.train {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.traintitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.trainpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*在线云课堂*/
.course {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.coursetitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.coursepic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.questionbg {
    width: 19.2rem;
    height: 1.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1675eb;
}

.question {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.qsbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.1rem auto;
    width: 3rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background: #f0f0f0;
}

.qstitle {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}

/*烹饪教育 热门专业*/
.cookpro {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.cooktitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.cookpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*烹饪教育 优秀作品*/
.advwork {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.worktitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.workhead {
    display: flex;
    justify-content: space-around;
}

.headleft {
    width: 7.8rem;
}

.headleft img {
    width: 7.8rem;
}

.headright {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.workpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*烹饪教育 特色教学*/
.teach {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.teachtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.teachpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*烹饪教育 校园环境*/
.environment {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.envtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.envpic {
    display: flex;
    justify-content: space-around;
}

.picleft {
    width: 7.8rem;
}

.picleft img {
    width: 7.8rem;
}

.picright {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*烹饪教育 就业帮扶*/
.employ {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.employtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.employpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*新能源系统-墙体教学*/
.teachaid {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.12rem;
    display: flex;
    flex-wrap: wrap;
}

.teachaid .tatitle {
    width: 15.8rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    display: flex;
}

.fourthSwiper {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
}

/*请输入你的信息 预约参观*/
.order {
    width: 19.2rem;
    height: 1.8rem;
    margin: 0.2rem auto;
    background: #1675eb;
    display: flex;
    flex-wrap: wrap;
}

.ordertitle {
    width: 19.2rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 0.32rem;
    color: #fff;
}

.ordercontent {
    width: 19.2rem;
    margin: 0 3.27rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ordercontent .orsubmit {
    width: 9.6rem;
    display: flex;
    justify-content: space-around;
}

.orderfirst {
    width: 3rem;
    height: 0.5rem;
    border: 0.01rem solid #C8C8C8;
    border-radius: 0.25rem;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.orderfirst span {
    font-weight: 400;
    color: #333;
    font-size: 0.2rem;
    margin-left: 0.22rem;
}

.orderfirst input {
    width: 4rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333;
    margin-left: 0.1rem;
    border: none;
    background: none;
    outline: none;
}

.ordersecond {
    width: 3rem;
    height: 0.5rem;
    border: 0.01rem solid #C8C8C8;
    border-radius: 0.25rem;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ordersecond span {
    font-weight: 400;
    color: #333;
    margin-left: 0.22rem;
    font-size: 0.2rem;
}

.ordersecond input {
    width: 4rem;
    font-weight: 400;
    color: #333;
    margin-left: 0.1rem;
    border: none;
    background: none;
    outline: none;
    font-size: 0.2rem;
}

.orderthird {
    width: 3rem;
    height: 0.5rem;
    border: 0.01rem solid #C8C8C8;
    border-radius: 0.25rem;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.orderthird span {
    font-weight: 400;
    color: #333;
    margin-left: 0.22rem;
    font-size: 0.2rem;
}

.orderthird input {
    width: 4rem;
    font-weight: 400;
    margin-left: 0.1rem;
    color: #333;
    border: none;
    background: none;
    outline: none;
    font-size: 0.2rem;
}

.orbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.26rem;
    margin-bottom: 0.30rem;
}

.orbtn .btnstyle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.orbtn .btnstyle button {
    width: 2.4rem;
    height: 0.5rem;
    background: #F8F8F8;
    border-radius: 0.3rem;
    font-weight: 400;
    color: #2D81FF;
    border: none;
}

.orbtn .btnstyle button a {
    font-weight: 400;
    font-size: 0.22rem;
    color: #2D81FF;
    border: none;
}

/*计算机教育 专业推荐*/
.recommend {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.rectitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.recpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*计算机教育 教学环境*/
.pcenvironment {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.pcenvtitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.pcenvpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/*热门专业 火热报名中*/
.hotsign {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.hstitle span {
    display: flex;
    justify-content: center;
    margin: 0.15rem auto;
    font-size: 0.28rem;
    font-weight: bold;
}

.fivebox img {
    width: 2.78rem;
}

/*走进北方*/
.beifang {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.bftitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.bfpic {
    width: 15.8rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.bfleft {
    width: 6.35rem;
}

.bfleft img {
    width: 6.35rem;
}

.bfcenter {
    width: 2.9rem;
}

.bfcenter img {
    width: 2.9rem;
}

.bfright {
    width: 6.02rem;
    /* display: flex;
    justify-content: space-around;
    flex-wrap: wrap; */
}

.htsign img {
    width: 3.0rem;
}

/*企业游学*/
.studytour {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.sttitle {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.sttitle img {
    margin-top: 0.07rem;
    width: 15.8rem;
}

.stpic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.sjtitle {
    font-weight: bold;
    font-size: 0.24rem;
    color: #333333;
    border: none;
    margin-right: 0.2rem;
}

.sjactive {
    border: none;
    color: #2960D4;
    font-size: 0.24rem;
    font-weight: bold;
}

/*新闻资讯*/
.news {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.26rem;
}

.newstitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 0.15rem;
}

.newspart {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0.3rem;
}

.newspic {
    width: 8rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.newsarticle {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.article a {
    width: 7.4rem;
    height: 0.8rem;
    border: 0.01rem solid #000;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.article:nth-child(1) a {
    border: 0.01rem solid #000;
    width: 7.4rem;
    padding: 0.15rem auto;
    margin-top: 0rem;
}

.num {
    width: 10%;
    font-style: oblique;
    font-size: 0.3rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
}

.arttext {
    width: 90%;
    display: flex;
    flex-direction: column;
    margin-top: 0.1rem;
    color: #333;
}

.arttext .articletitle {
    font-size: 0.2rem;
    font-weight: bold;
    color: #333;
}

.articletext {
    font-size: 0.15rem;
    margin-top: 0.05rem;
    color: #333;
}

/*免试入学横幅*/
.examfree {
    width: 19.2rem;
    background: #e1e1e1;
    display: flex;
    justify-content: space-around;
}

.efbox {
    display: flex;
    justify-content: space-around;
    padding: 0.20rem 0.2rem;
}

.efimg img {
    width: 0.6rem;
    margin-right: 0.1rem;
}

.eftext {
    display: flex;
    flex-direction: column;
}

.eftitle {
    font-size: 0.2rem;
    font-weight: bold;
}

.eftips {
    font-size: 0.16rem;
    margin-top: 0.04rem;
}

/*横幅*/
.bannerfirst img {
    width: 19.2rem;
}

.bannersecond img {
    width: 19.2rem;
}

.bannerthird img {
    width: 19.2rem;
}

.bannerfourth img {
    width: 19.2rem;
}

.bannerfifth img {
    width: 19.2rem;
}

/*悬浮横幅*/
.float {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    z-index: 996;
}

.floatbanner {
    width: 19.2rem;
    height: 0.7rem;
    display: flex;
    justify-content: space-around;
}

.floatcolor {
    width: 19.2rem;
    height: 0.7rem;
    opacity: 0.4;
    margin: 0 auto;
    background: #226ED0;
    position: absolute;
    bottom: 0;
    z-index: 0.1;
}

.hotphone {
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.hotphone span {
    color: #fff;
    font-size: 0.28rem;
    font-weight: bold;
}

.phonecollect {
    display: flex;
    justify-content: space-around;
    margin-top: 0.1rem;
    z-index: 1;
}

.phonecollect input {
    width: 3.5rem;
    height: 0.5rem;
    border-radius: 0.5rem;
    font-size: 0.18rem;
    border: none;
    background: #fff;
    padding-left: 0.1rem;
}

.phonecollect button {
    border: none;
    border-radius: 0.5rem;
    width: 1.7rem;
    height: 0.5rem;
    background-color: #7da7e9;
    font-size: 0.16rem;
    margin-left: 0.2rem;
}

.phonecollect button a {
    color: #fff;
}

.phonebtn {
    display: flex;
    justify-content: space-around;
    margin-top: 0.1rem;
    z-index: 1;
}

.phonebtn button {
    border: none;
    width: 1.5rem;
    height: 0.5rem;
    background: #fff;
    border-radius: 0.25rem;
    color: #000;
    margin-left: 0.2rem;
}

/*五件套与六件套*/

.elector {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.elector .ectitle {
    width: 15.8rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    display: flex;
}

.fiveorsix {
    width: 15.8rem;
    margin: 0 auto;
}

.fspic {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 0.10rem;
}

.fstitle {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.fsstyle {
    border: none;
    background: #E3E3E3;
    color: #333;
    width: 2.4rem;
    height: 0.42rem;
    font-size: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}

.fsactive {
    border: none;
    background: #2960D4;
    color: #fff;
    width: 2.4rem;
    height: 0.42rem;
    font-size: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}

/*新能源系统-智能感知系统*/
.exam {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.12rem;
    display: flex;
    flex-wrap: wrap;
}

.exam .examtitle {
    width: 15.8rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    display: flex;
}

.secondSwiper {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
}

/*新能源系统-墙体教学*/
.teachaid {
    width: 15.8rem;
    margin: 0 auto;
    margin-top: 0.12rem;
    display: flex;
    flex-wrap: wrap;
}

.teachaid .tatitle {
    width: 15.8rem;
    margin: 0 auto;
    margin-bottom: 0.15rem;
    display: flex;
}

.fourthSwiper {
    width: 15.8rem;
    margin: 0 auto;
    display: flex;
}


/*底部导航栏*/
.footnav {
    width: 19.2rem;
    background-image: url(/2025/img/public/ftbg.avif);
    background-size: contain;
    display: flex;
    flex-direction: column;
}

.fttop {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    padding-bottom: 0.6rem;
}

.ftnav {
    display: flex;
    flex-direction: column;
    margin-top: 0.1rem;
    justify-content: center;
}

.ftnavzero {
    display: flex;
}

.ftnavtitle {
    display: flex;
    justify-content: space-around;
    font-size: 0.18rem;
    color: #fff;
}

.grey {
    color: #999;
}

.ftnavfirst {
    display: flex;
    /* margin-top: 0.2rem; */
}

.ftstyle {
    display: flex;
    border-left: 0.01rem solid #fff;
    padding: 0 0.15rem;
    color: #fff;
}

.ftstyle:nth-child(1) {
    border-left: none;
    padding-right: 0.15rem;
}

.none {
    border-left: none;
    padding: 0 0.15rem;
    color: #999;
}


.ftnavzero {
    display: flex;
}

.ftnavtitle {
    display: flex;
    justify-content: space-around;
    font-size: 0.18rem;
    color: #fff;


}

.grey {
    color: #999;

}

.ftnavfirst {
    display: flex;
    margin: 0.2rem 0;
    /* margin-top: 0.2rem; */
}

.ftstyle {
    display: flex;
    border-left: 0.01rem solid #fff;
    padding: 0 0.15rem;
    color: #fff;
}

.ftstyle img {
    width: 0.2rem;
    margin-right: 0.1rem;
}

.ftstyle:nth-child(1) {
    border-left: none;
    padding-right: 0.15rem;
}

.none {
    border-left: none;
    padding: 0 0.15rem;
    color: #999;
}

.ftnavsecond {
    display: flex;
    /* margin-top: 0.2rem; */
}

.ftimg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ftimg a {
    display: flex;
    justify-content: center;
}

.ftimg img {
    width: 0.26rem;
    margin-left: 0.2rem;
    margin-right: 0.08rem;
    margin-top: 0.02rem;
}

.code {
    width: 10%;
    margin-top: 0.1rem;
}

.codebox {
    display: flex;
    flex-direction: column;
    margin-top: 0.2rem;
}

.codebox span {
    display: flex;
    justify-content: center;
    color: #999;
    margin-top: 0.1rem;
}

.codebox img {
    width: 1.2rem;
}

.ftbtm {
    /* border-top: 0.01rem solid #999; */
    display: flex;
    justify-content: center;
    padding: 0.1rem 0rem;
    /* margin-top: 0.6rem; */
}

.ftcopytext {
    width: 30%;
    margin-bottom: 0.9rem;
}