*{margin: 0; padding: 0; box-sizing: border-box;}
html,
body {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
}
img{display: block; max-width: 100%;}
#app {
	max-width: 750px;
	margin: auto;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.j-end {
	justify-content: flex-end;
}

.flex.a-center {
	align-items: center;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}
.headerBackground{
    width: 100%; 
    height: 11.57rem; 
    padding-top: 0.59rem; 
    background: url(../img/headerBackground.jpg) no-repeat; 
    background-size: 100% 100%;
    }
.logo
{
    width: 2.99rem; 
    margin: auto; 
    height: 0.56rem; 
    background: url(../img/logo.png) no-repeat; 
    background-size: 100% 100%;
    }
.headerBackground_text
{
    width: 100%; 
    font-weight: 400; 
    line-height: 1.5; 
    text-align: center; 
    font-size: 0.23rem; 
    padding-top: 3.6rem; 
    color: #fff;
    }
.headerBackground_text h4
{
    font-size: 0.32rem; 
    font-weight: 400;
    }
.query{
	font-size: 0.29rem;
	color: #003399;
	text-align: center;
	padding-top: 2.06rem;
	line-height: 210%;
}
.query em
{
    font-style: normal; 
    font-weight: 600; 
    font-size: 0.38rem;
    margin-left: 0.1rem;
    }
.headerBackground_fot
{
    width: 100%; 
    margin-bottom: 0.65rem; 
    text-shadow: 0px 2px 3px #003399; 
    line-height: 200%; 
    padding-top: 1rem; 
    color: #fff; 
    margin-top: 0.25rem; 
    height: 4.13rem; 
    background: url(../img/headFot.png) no-repeat; 
    background-size: 100% 100%; 
    font-size: 0.3rem; 
    text-align: center; 
    vertical-align: bottom;
    }
.headerBackground_fot em
{
    font-size: 0.42rem; 
    font-style: normal; 
    margin: 0px 0.1rem; 
    color: #ffcc66; 
    font-weight: 600; 
    }
.plan
{
    width: 6.74rem;
    margin: auto; 
    padding: 0.2rem 0px; 
    border-bottom: 1px dashed #d9d9d9; 
    font-size: 0.36rem; 
    text-align: center; 
    margin-bottom: 0.5rem; 
    color: #333;
    }
.plan h2{font-size: 0.42rem; margin-bottom: 0.2rem; color: #dc0000;}
.form_submit{display: block; width: 6.74rem; margin: auto; padding-bottom: 1.04rem;}
.form_submit h4{font-weight: 400; font-size: 0.3rem;}
.form_submit h4 span{color: #DC0000; margin-left: 0.05rem;}
.form_submit input{width: 100%; margin-bottom: 0.2rem; display: block; outline: none; border: 0; background: none; font-size: 0.24rem; height: 0.85rem; border-bottom: 1px solid #dadada;}
.checkFlex{padding-bottom: 0.3rem; position: relative;}
.checkFlex input{position: absolute; width: 0.22rem; height: 0.22rem; opacity: 0; z-index: 9;}
.checkFlex .checkBox{width: 0.22rem; height: 0.22rem; background: #fff; border: 1px solid #dadada; position: relative;}
.checkFlex input:checked + .checkBox::before{content: '\2714'; color: #13457E; font-size: 0.22rem; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); line-height: 0.22rem;}
.checkLabel{font-size: 0.24rem; color: #ccc; padding-left: 0.15rem;}
.checkLabel span{color: #CC0000;}
.submit{width: 6.74rem; height: 1.07rem; background: url(../img/submit.png) no-repeat; background-size: 100%;}
.titles{width: 100%; height: 1.05rem; background: url(../img/t1.png) no-repeat; background-size: 100% 100%;}
.titles2{width: 100%; height: 1.05rem; background: url(../img/t2.png) no-repeat; background-size: 100% 100%;}
.titles3{width: 100%; height: 1.05rem; background: url(../img/t3.png) no-repeat; background-size: 100% 100%;}
.titles4{width: 100%; height: 1.05rem; background: url(../img/t4.png) no-repeat; background-size: 100% 100%;}
.titles5{width: 100%; height: 1.05rem; background: url(../img/t5.png) no-repeat; background-size: 100% 100%;}
.titles6{width: 100%; height: 1.05rem; background: url(../img/t6.png) no-repeat; background-size: 100% 100%;}
.harvest{padding: 0.1rem 0.43rem; padding-bottom: 0.6rem;}
.harvest .item{width: 100%; padding: 0.2rem 0px; border-bottom: 1px solid #d3d3d3;}
.harvest .item .icon{width: 1rem; margin-right: 0.2rem; height: 1rem; background: url(../img/icon.png) no-repeat; background-size: 5rem 1rem;}
.harvest .item .icon.i1{background-position: 0 0;}
.harvest .item .icon.i2{background-position: -1rem 0;}
.harvest .item .icon.i3{background-position: -2rem 0;}
.harvest .item .icon.i4{background-position: -3rem 0;}
.harvest .item .icon.i5{background-position: -4rem 0;}
.harvest .item .info{flex: 1; font-size: 0.26rem; color: #333;}
.harvest .item .info h4{font-size: 0.3rem; color: #2359c4;}
.methods{padding: 0.65rem 0.34rem;}
.methods .item{width: 1.98rem; position: relative; height: 1.24rem; background: #000;}
.methods span{font-size: 0.38rem;}
.methods .item .zz{width: 100%; color: #fff; font-size: 0.3rem; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,46,115,0.6);}
.course{padding: 0.3rem 0.36rem;}
.course .item{ width: 3.24rem; font-size: 0.22rem; margin-bottom: 0.2rem; color: #333; border-radius: 3px; height: 4.83rem; background: #ededed; padding: 0.1rem;}
.course .item .image{width: 100%; height: 1.88rem;}
.course .item .image img{width: 100%; height: 100%;}
.course .item .flex{padding: 0px 0.1rem; margin-top: 0.12rem;}
.course .item .fx1{flex: 1;}
.imgCircle{width: 0.4rem; height: 0.4rem; font-size: 0.24rem; position: relative;  z-index: 2; color: #fff; margin: auto; margin-top: -0.2rem !important; background: #2359c4; border-radius: 50%;}
.imgCircle span{ transform: scale(1.5,1); }
.course .item h4{font-size: 0.3rem; margin-bottom: 0.2rem; margin: 0.1rem auto; text-align: center; line-height: 0.53rem; color: #fff; width: 2.3rem; height: 0.53rem; background: linear-gradient(#1a50b9,#003399);}
.circle{width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #333; margin-right: 0.1rem; margin-top: 0.1rem;}
.professors{padding: 0.3rem;}
.professors .title{width: 100%; font-size: 0.28rem; text-align: center; color: #003399;}
.professors .containers{width: 100%; font-size: 0.25rem; font-weight: 600; color: #333; margin: 0.3rem 0px; height: 3rem; position: relative; background: url(../img/shizi.png) no-repeat center center; background-size: 3rem 3rem;}
.professors .containers .left{width: 1.1rem; text-align: right; position: absolute; left: 10%; height: 3rem;}
.professors .containers .right{width: 1.1rem; text-align: left; position: absolute; right: 10%; height: 3rem;}
.professors .containers h4{font-size: 0.36rem; color: #003399;}
.Arrangement{width: 100%; line-height: 240%; font-size: 0.28rem; color: #003399; height: 4.3rem; background: url(../img/Arrangement.png) no-repeat; background-size:100% 100%;}
.Contant{width: 100%; height: 2.92rem; background: url(../img/containerBg.png) no-repeat; background-size: 100% 100%; color: #003399; font-size: 0.3rem; font-weight: 600;}
.Contant h2{font-size: 0.36rem; margin-bottom: 0.2rem; line-height:2.2;}
.footer{background: #003399; line-height: 1.8; color: #fff; text-align: center; font-size: 0.2rem; height: 1.23rem;}
.footer .a{text-decoration:none; color: #fff; }
.nav {
  background: #3c3d43;
  padding: .22rem .25rem;
  border-radius: .12rem;
  overflow: hidden;
}

.nav ul {
  display: flex;
  gap: .15rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav li {
  flex: 1; /* 四个均分，自动适应 */
}

.nav li a {
  display: block;
  text-align: center;
  font-size: .24rem;
  line-height: .5rem;
  padding: .1rem 0;
  color: #333;
  background-image: linear-gradient(#fdfcfd, #b2b2b2);
  border-radius: .12rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.nav li a.active {
  color: #fff;
  background-image: linear-gradient(#5a9cd6, #3a7bc8);
  font-weight: bold;
  box-shadow: inset 0 0 3px rgba(0,0,0,.2);
}

.nav li a:hover:not(.active) {
  background-image: linear-gradient(#f0f0f0, #a0a0a0);
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}