/* CSS Document */
body {background: #fff;}
a {color: inherit;}
button {
  border: none;
  box-shadow: none;
  outline: none;
}
.flex {align-items: center;align-content: space-between;}
.wrap {width: 94%;margin: auto;}
.mar {margin: 3% auto;}
.p {text-indent: 2em;line-height: 1.8em;}

.title-main {
  font-size: 1.5rem;
  text-align: center;
  color: #0862ca;
}
.title-main span {
  font-size: .9rem;
  text-transform: uppercase;
  font-weight: normal;
}

.qj p {line-height: 1.8em;}
.qjbtn {
  display: block;
  line-height: 3rem;
  background: #0862ca;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
.qjbtn img {
  width: 5%;
  vertical-align: middle;
}

.zxbtn {
  display: block;
  width: 50%;
  line-height: 2.5rem;
  background: #02349b;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 50px;
}
.zxbtn2 {background: #fff;color: #02349b;}

.bggrey {background: #eaecec;overflow: hidden;}
.pymb {
  padding: 2%;
  background: #fff;
  margin: 3%;
}
.pymb-tit {
  font-size: 1.2rem;
}
.pymb-tit img {
  width: 4%;
  vertical-align: middle;
  margin-right: 2%;
}
.pymb-tit b span {
  text-transform: uppercase;
  font-style: italic;
  color: #adabab;
  font-weight: normal;
}

.kc li {
  box-shadow: 0 0 5px #ccc;
  margin-top: 3%;
  background: linear-gradient(to right, #0861cc 10%,#fff 10%,#fff);
}
.kc li span {
  width: 6%;
  color: #fff;
  text-align: center;
  font-style: italic;
  font-size: 1.2rem;
}
.kc li img {width: 44%;}
.kc li article {
  width: 46%;
  padding: 2%;
}
.kc li article h4 {
  text-align: center;
  margin-bottom: 2%;
  font-size: 1.2rem;
}
.kc li article p {

}
.kc li article a {
  color: #f00;
}

/*½ÌѧÓÅÊÆ*/
.jxys li {
  width: 100%;
  align-items: flex-end;
  margin-bottom: 2rem;
}
.jxys li article {width: 50%;}
.jxys li article b {
  display: block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 5px;
  background: #679cff;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 3%;
}
.jxys li article strong {font-size: 1.1rem;}
.jxys li article span {color: #e5e4e4;}
.jxys li article p {
  margin: 2% 0;
  color: #b1b0b0;
  text-indent: 2em;
}
.ysbtn {
  width: 100%;
  height: 2.5rem;
  border-radius: 5px;
  background: #679cff;
  color: #fff;
  text-align: center;
}
.swiper-container .swiper-pagination {bottom: 0;}
.my-bullet {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #d9d9d9;
  color: #fff;
  font-size: .8rem;
  margin: 0 5px;
  border-radius: 3px;
}
.swiper-pagination-bullet-active {
  background: #679cff;
}

.bgor {
  background: #02349b;
  color: #fff;
  padding: 1px 3%;
}
.bgor .title-main {color: #fff;}
.shx-title {
  font-size: 1.2rem;
}
.shx-p {line-height: 2em;}
.shx-ul {
  align-items: normal;
}
.shx-ul li {
  box-sizing: border-box;
  width: 50%;
  border: 1px solid #02349b;
  background: #fff;
  color: #333;
}
.shx-ul li h5 {
  line-height: 3em;
  border-bottom: 2px solid #02349b;
  text-align: center;
  font-size: 1rem;
}
.shx-ul li p {
  padding: 3%;
}

.jy {
  align-items: normal;
}
.jy li {
  width: 48.5%;
  box-shadow: 0 5px 8px #02349b;
}
.jy li h5 {
  font-size: 1.3rem;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 2%;
}
.jy li hr {
  width: 30%;
  border: 2px solid #02349b;
  margin: auto;
}
.jy li p {
  margin: 3%;
  line-height: 1.5em;
}

.zsbg {
  background: url("/src/images/major/tourism/zs-bg.jpg") no-repeat center/cover;
  color: #fff;
  overflow: hidden;
}
.zsbg .title-main {color: #fff;}
.ys {padding-bottom: 8%;}
.ys .swiper-slide {
  height: 23rem;
  background: #f9f9f9;
}
.ys .swiper-slide p {
  padding: 3%;
}
.ys .swiper-slide-active{
  box-shadow: 0 5px 8px #02349b;
}