body {
    background-color: #ececec;
}
.width-100 {
    width: 100%;
}
.bold {
    font-weight: bold;
}
.line {
    color: #ec5413;
}
.text-indent {
    text-indent: 2em;
}
.major-intro .pic-list {
    display: flex;
    justify-content: space-around;
}
.major-intro .pic-list img {
    width: 47%;
}
.consult-bar {
    width: 70%;
    line-height: 2rem;
    text-align: center;
    background-color: #fd5706;
    color: #fff;
    margin: 0 auto;
    border-radius: 3em;
    margin-top: 2rem;
}
.consult-bar2 {
    width: 70%;
    line-height: 2rem;
    text-align: center;
    background-color: #fd5706;
    color: #fff;
    margin: 0 auto;
    border-radius: 3em;
}
.course-list {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
}
.course-list .course {
    width: 48%;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border-radius: 1rem;
    position: relative;
    top: -2rem;
}
.course-list .course1 {
    background-color: #3fd0b3;
}
.course-list .course2 {
    background-color: #fb9a01;
}
.advantage-list .advantage{
  border: 1px solid #ddd;
  width: 90%;
  margin: 0 auto;
  /* display: flex; */
  /* justify-content: space-around; */
  border-radius: .5rem;
  margin-bottom: 1rem;
}
.advantage-list .advantage .intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 55%;
    padding-top: .4rem;
}
.advantage-list .advantage img {
    width: 40%;
}
.enviroment-pic {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.enviroment-pic .en1,.en2,.en3 {
    width: 32%;
    margin-bottom: .8rem;
}
.enviroment-pic .en4 {
    width: 70%;
}
.enviroment-pic .en5 {
    width: 28%;
}
.material-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 80%;
    margin: 0 auto;
}
.form-title {
    color: #296ec5;
}
.custom-button .submit-button {
    background-color: #fd5706;
    color: #fff;
    border-radius: 1em;
    padding: .2rem 0;
}
input {
  -webkit-appearance: none;
 -webkit-appearance: none;
}
.slider-banner{ width:100%;  margin:0 auto; position:relative; overflow:hidden;}
.slider-banner .nav-bar{ width:100%; height:12%;  position:absolute; z-index:1; bottom:0; text-align:center;}
.slider-banner .nav-bar ul li{ display:inline-block; width:0.75rem; height:0.75rem; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#8C8C8C; margin:0 0.25rem; vertical-align:top; overflow:hidden;text-indent: -999px;}
.slider-banner .nav-bar ul .on{ background:#fff;}
.slider-banner .slider-container{ position:relative; z-index:0;}
.slider-banner .slider-container li img{ width:100%;}
.slider-banner .slider-container li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}