@charset "UTF-8";
/* CSS Document */
a {color: inherit;}
.flex {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-around;
  align-content: space-between;
}
.mar {margin: 30px auto;}

.banner {
  text-align: center;
  min-width: 1210px;
}
.title_main {
  font-size: 36px;
  color: #3852b6;
  text-align: center;
}

.bmyq li {
  width: 350px;
  background: #f2f2f2;
  border-radius: 10px;
  overflow: hidden;
}
.bmyq li h4 {
  margin: 15px;
  text-align: center;
}
.bmyq li p {
  margin: 15px;
  text-indent: 2em;
  line-height: 1.5em;
}
.zxbtn {
  display: block;
  width: 326px;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
  background: #3852b6;
  color: #fff;
  font-size: 20px;
}

/*专业课程*/
.zytabt {
  height: 60px;
  border-radius: 10px 10px 0 0;
  background: #f4f4f4;
  text-align: center;
  font-size: 24px;
  overflow: hidden;
}
.zytabt li {
  width: 50%;
  line-height: 60px;
  cursor: pointer;
  transition: all .5s;
}
.zytabt li.on {
  background: #2d60bc;
  color: #fff;
}
.zytabc {margin-bottom: 15px;}
.zylist li {
  width: 300px;
  text-align: center;
  margin: 10px 0;
  box-shadow: 0 0 5px #ccc;
  border-radius: 10px;
}

.zylist li > a {
  display: block;
  width: 300px;
  height: 180px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.zylist li > a img {
  width: 300px;
  height: 180px;
  transition: all .5s;
}

.zylist li > a:hover img {
  transform: scale(1.2);
}
.zylist li span {
  width: 80px;
  line-height: 30px;
  background: #f14f00;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.zylist li strong {
  line-height: 45px;
  font-size: 20px;
  transition: all .35s;

}
.zylist li strong:hover {
  color: #ee7800;
}
.zylist li p {
  text-align: left;
  color: #a0a0a0;
  padding: 0 10px 10px;
}

/*.zy .swiper-slide{
  width: 310px;
  background: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
}
.zy_title {
  margin: 10px 20px;
  padding-bottom: 10px;
  text-align: center;
  line-height: 1.8em;
  border-bottom: 1px solid #8c8c8c;
}
.zy_title strong {font-size: 20px;}
.zy_p {
  height: 96px;
  margin: 15px 20px;
  text-indent: 2em;
  line-height: 1.5em;
}
.zybtn {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  background: #626262;
  color: #fff;
  margin: 20px auto;
}*/

.scrollimg {text-align: center;}

.wt {
  /*background: #686868;*/
  color: #fff;
  overflow: hidden;
}
.wtlist li {
  width: 25%;
  text-align: center;
}
.wtlist li button {
  padding: 2% 5%;
  border: 1px solid #686868;
  border-radius: 5px;
  margin: 5px;
  background: transparent;
  color: #686868;
}



.major {
  height: 1000px;
}
.major li {
  width: 414px;
  height: 488px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden;
}
.major li img {
  width: 414px;
  height: 290px;
}
.major strong {
  font-size: 28px;
  color: #c10900;
  line-height: 50px;
}
.major li b {font-size: 20px;}
.major li p {
  height: 42px;
  margin: 15px;
  text-align: left;
}
.major .flex {justify-content: space-around;}
.major .majorbtn {
  width: 145px;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  color: #fff;
}
.major .majorbtn:first-child {background: #fd432e;}
.major .majorbtn:last-child {background: #2ea8fd;}